- 文章和页面之间的区别是什么?
- WordPress的文章可以有分类、标签和存档(即列表),WordPress文章用于发布时间敏感的内容。
- 页面主要用于静态的、无日期的内容。它们没有类别或标签,譬如首页、联系我们或关于我们页面。
- 1、标题
2、字体大小
这里有个小技巧,就是在网页设计中的数值尽量选择8的倍数,例如字体尺寸是16px,行高1.6,这样会是一个比较好看的比例,小伙伴们可以多观察一下好看的网页设计范例,基本上都会遵守这个法则。
字体:英文字体:Google 字体:open sans 、Roboto
字体大小:大标题20pt,文本:18pt,次要的使用11-12pt
字体的字重:
行间距:
每行字体:中文35-60字,英文:45-90字
衬线字体
为body text挑选合适的字体是最重要的。务必选择那些可读性强的,看上去干净易读的字体。
我推荐的常用英文字体有:San Francisco, Helvetica Neue, Avenir Next, Open Sans, Museo Sans。
中文字体则有,华文细黑,思源黑体
字体选择不宜过多,不超过3种,区别标题和正文,强调阅读体验则使用衬体
3、段落
单排文字的宽度、行间距、句子之间的距离 段落之间的关系
字体大小:
行距:1.5em
行距为40-70个字母
4、样式
粗体、斜体和下划线是最基本的文字样式,但需要注意的是,不要在文章中大量的使用下划线,这样不利于用户体验。可以在页面中添加一些字体样式,这样可以让页面更有观赏性。
5、字体颜色
蓝色:#03a9f4
可以给字体添加一些颜色,来强调文章的重点,也可以使页面变得绚丽起来。但需要注意的是,颜色搭配一定要合理,不能使用太多的颜色,这样会引起用户的反感
配色方案
- 红色:是青春和欢乐的颜色。它体现了大胆和自信。
- 绿色:产生舒缓镇静效果,唤起平和、进步和平静的情绪反应。
- 蓝色:它反映了信任、力量、可靠性。
- 黑色:黑色会产生复杂、坚实、安全的情绪反应。
- 白色:清晰和简洁是白色的两大功效。
- 黄色:黄色是乐观、温暖、友善的颜色。
- 橙色:橙色营造出有趣、友好、自信和愉快的效果。
- 粉色:性感、女性气质、浪漫和爱情是与粉色相关的情感。
首先,您需要考虑现有的品牌形象。如果您已经有了徽标和其他营销材料,那么您可能希望使用现有的颜色。
您还需要考虑哪些颜色在网络上看起来不错。例如,个人看起来不错的颜色可能不是屏幕上最好的背景颜色。
还要考虑您将添加到站点的其他媒体,例如滑块、视频、图像、号召性用语按钮等。想想你最常使用的颜色。
最后,您还应该牢记可访问性。一个好的配色方案将有足够的对比度,即使您的访客有视力障碍,也能轻松阅读,世界上许多人都有视力障碍。查看我们关于提高 WordPress 网站可访问性的指南,以获取更多相关建议。
图片优化
建议:不要将超过300K的图片上传到后台,请先在电脑上对图片的尺寸和体积进行优化,图片的尺寸是要用多大就做多大。
譬如banner我们通常可以做到1920px, 2560px宽度也可以,但图片可能体积会比较大了,高度的话也是用多大做多大。
产品图片通常不是全屏展示,如果占据半屏,做到800px宽度即可。
图片太大会非常影响你的网页打开速度以及工具测评分数。
- 图片自动压缩插件推荐:Shortpixel、reSmush.it
视频优化
此外,如果你想在网站里放视频,针对外贸站,请先上传到Youtube,再将youtube的分享地址放入到网站里,同时给视频加上封面图,这个功能通常我都用Elementor的video元素或同类来实现,此外,常用的页面编辑器基本都有这个功能。
本站内容由饼干君收集整理,仅供参考!