Navigation menu

13815010255
  • Contact us
  • 13815010255
  • 江苏省常州市新北区新惠大厦

    398741205@QQ.com


    © 2009-2021 常州少游信息技术有限公司 All Rights Reserved.
  • 策略型高端网站设计公司

    Strategic advanced website design company

    View More
  • 浅谈网页设计规范

    时间:2022-01-02  作者:admin

      互联网时代,每个企业都需要一个网站来展示宣传自己的品牌,一个网站的好坏直接影响到网站的转化,怎么来判断和衡量一个网站的好坏?*关键的一个方面就是页面的设计效果,客户判断一个网站是否好,也是看网站的设计是否高端,布局是否合理,颜色和文字、图像等是否搭配得当,主题是否突出,页面是否美观这几个方面。既然客户关心的点是这些,那我们就从这几方面下功夫,设计出客户满意的网站,同时也是自己的一份好的作品。

    1-201020093P9410.jpg

      网站设计中需要了解的几大要素:

      网页的设计尺寸、常用的字体、字体间距舒适范围、字体颜色设计技巧

      一、网页的设计尺寸:根据电脑屏幕分辨率的宽度来定

      比较老点的笔记本屏幕分辨率是:1366*768px

      比较流行的台式机显示分辨率是1920*1080px

      一般我们设计网页的时候,使用1920px宽度的画布来设计,网站的内容宽度控制在1200px以内;

      如果网站中,导航、中间部分内容采用全屏效果,或是宽度超过1200px,则内页也有与首页宽度保持一致。

      顶部导航的高度一般为60-100px;

      Banner图的高度一般为:420-580px;

      产品图片的比例为:4:3 3:4

      团队介绍中有人物图片,不要使用黑白色;

      要注意图片与图片,图片与标题、简介等方面的间距

      二、中文建议使用微软雅黑字体,英文则建议使用arial 字体。图片上的字体要使用可以免费商用的字体,不要使用汉仪、方正等容易侵权的字体。

      常用的字体大小号有以下几种:

      1、12px是用于网页的*小字体,适用于突出性的日期,版权等注释性内容。

      2、14px则适用于非突出性的普通正文内容。

      3、16px或18px适用于突出性的标题内容。

      4、网站的字体大小并没有硬性规定具体的字号,根据实际情况可以酌情考虑,但是要有限适用偶数字号。

      5、字体规格也不需要太多,*好适用三种混搭。如果需要更多

      6、层次的区别,可以改变字体颜色或加粗来体现。

      三、字体间距舒适范围

      相邻两个文字的间距,其实不需要太过介意,除了特殊的需求之外,都可以使用默认数值的间距。

      1、行间距,推荐以字体大小的1.5-2倍作为参考;

      2、段间距,推荐以字体大小的2-2.5倍作为参考。

      3、当选用14px字体时,行间距:21-28px; 段间距:8px-35px

      四 、字体颜色设计技巧

      1、主文字的颜色,建议使用公司品牌的VI颜色,可提高公司网站与公司VI之间的关联,增加可辨识性和记忆性。

      2、正文字体颜色,保险起见,选用易读性的深灰色,建议选用#333到#666之前的颜色。

      3、辅助性的,注释类的文字,则可以选用#999999之类的比较浅的颜色。

      如果,你对颜色驾驭能力比较强,你也可以选择偏公司VI颜色的深色,作为正文字体颜色或者辅助性文字的颜色。

      了解了网站设计中关于尺寸、字体、字间距的标准常识外,一个网站设计的成功与否,很大程度上决定于设计师的网站的规划水平,规划网站就像设计师设计大楼一样,图纸设计好了,才能建成一座漂亮的楼房。网站规划包含的内容很多,如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等,只有在制作网页之前把这些方面都考虑到了,才能胸有成竹,设计出来的网页才能有个性、有特色,具有吸引力。

      网站的设计风格要做到简单明了并风格一致,既可以突出企业的品牌,也可以传递品牌信息,提高用户的好感度和信任度,而好的网站设计可以避免页面信息凌乱,提高用户体验感。页面的设计要大方得当,布局要合理,尽量满足不同的用户需求和舒适度。网站的色彩调配要合理,要有冲击力,好的色彩搭配可以提供网站的吸引力。

      如何才能规划一个好的网站,首先就要对客户的公司情况有所了解,他们是属于哪个行业,有什么样的市场地位,愿景是什么,他们公司的品牌特色,竞争力,优势,产品信息等,通过这些信息的大概了解,然后再跟负责人沟通下,他们的具体栏目、都要展示哪些内容,提供相关的资料等,做到知己知彼,才能设计出客户满意的网站。

      网站设计要综合美学、心理学、大数据等,从多个方面进行对比分析,可以多多参考竞品网站是怎么做的,为什么别人要这样设计,越是效果好的网站,越能让我们捕捉到不同的东西,我们可以选择几个行业不错的网站,来进行参考设计。

    经典案例

    CASES