网站排版标准

  • 文章和页面之间的区别是什么?
  • 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 网站可访问性的指南,以获取更多相关建议。

Table of Contents

图片优化

建议:不要将超过300K的图片上传到后台,请先在电脑上对图片的尺寸和体积进行优化,图片的尺寸是要用多大就做多大。

譬如banner我们通常可以做到1920px, 2560px宽度也可以,但图片可能体积会比较大了,高度的话也是用多大做多大。

产品图片通常不是全屏展示,如果占据半屏,做到800px宽度即可。

图片太大会非常影响你的网页打开速度以及工具测评分数。

视频优化

此外,如果你想在网站里放视频,针对外贸站,请先上传到Youtube,再将youtube的分享地址放入到网站里,同时给视频加上封面图,这个功能通常我都用Elementor的video元素或同类来实现,此外,常用的页面编辑器基本都有这个功能。

本站内容由饼干君收集整理,仅供参考!

(0)
上一篇 2024-04-25 13:47
下一篇 2024-04-25 13:54

相关推荐

  • 建站思路

    主要由以下三个部分组成。 搞明白以上逻辑关系后,接下来设置astra主题中的页面模板就简单了。 如果…

    WordPress建站 2024-04-25
    1000
  • 网站盈利方式

    许多博主都会靠在网站上展示广告挣钱,如果你是以挣钱为目的开设的博客,那么Google Adsense…

    WordPress建站 2024-04-25
    1310
  • 布局流量渠道

    Bingo认识一位做知识付费网课项目的大咖,第一个月就做到了12万,但人家是有粉丝积累的。大咖一直围…

    SEO 2024-04-25
    1260
  • 引流篇

    第一:引流。 客户在什么鱼塘,我们就去哪个鱼塘捞鱼,我们只放他们喜欢吃的特定鱼饵,鱼儿上钩就马上变现…

    SEO 2024-04-25
    1120
  • WordPress 建站流程

    域名购买 域名解析 服务器购买 服务器配置 重要-WordPress的伪静态设置:

    WordPress建站 2024-04-25
    1210