您好!欢迎进入紫石头原创模板堂!
网站首页 | 购买流程 | 关于我们 |  联系方式 |  客服热线:0371-56789-390
当前位置:首页 >> 建站知识 >> 详情
扫二维码关注紫石头原创模板堂 4大优势
  • NO.1

    模板类网站比起独立设计的网站来讲价格低的多,因为很多东西是已经做成的,成本就低很多!

  • NO.2

    开源模板网站,任意修改使用!服务好到没话说!模板建站经常被贴上服务差的标签,而紫石头完全打破这样的格局!

  • NO.3

    模板网站也有正规军!我们做的模板网站有永易搜CMS终身使用授权,正版系统、无惧侵权!

  • NO.4

    建站速度快,购买后简单修改即可投入使用。设计型网站正常需要10~20个工作日,而模板站只需要几个小时!

建站咨询电话
0371-56789-390

网页设计的几个参考标准
发表:紫石头原创模板堂    发表时间:2019-12-04 09:27:48    阅读:127
    本文主要从网页设计尺寸、常用字体、字体间距舒适范围、字体颜色设计技巧、其他注意事项,这几个模块介绍网页设计的参考标准。
    一、网页设计尺寸
    制作网页时我们选用的分辨率是72像素/英寸,使用的画布尺寸1920px*1080px。但并不代表我们可以在整个画布上作图。
    网页的布局主要有两种:左右型布局和居中型布局。布局的不一致,使可设计的空间也不相同。
    左右结构型
    1、左右布局,灵活性强,UI的限制小;
    2、左边通栏为导航栏,宽度没有具体的限时,可以根据实际情况进行调整;
    3、右侧为内容板块范围,是网站内容展示区域。
    居中型
    4、居中布局,中间的黄色部分为有效的显示区域,用于网站内容的展示。
    5、换句话说,两边均为留白,没有实际用途,只是为了适配而存在。
    6、内容限时区域在好控制在1000px-1200px。
    二、常用字体
    现在网页的布局我们已经了解了,那么接下来就是网页中常用到的字体。
    字体设计的总原则是:可辨识性和易读性。
    中文建议使用微软雅黑字体,英文则建议使用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颜色的深色,作为正文字体颜色或者辅助性文字的颜色。
    例如公司的品牌是蓝色,那么正文就可以选用偏蓝色的深色。这样处理之后,文字就有了环境色,网站整体将更加和谐。
    五、其他需要注意的事项
    做网页设计时,你还要特别注意网页的首屏内容,在构图和内容呈现上,首屏模块的设计至关重要。
    1、除去任务栏,浏览器菜单栏以及状态栏的高度,剩下的是首屏高度。
    2、Window XP 的首屏高度平均值为580px, window 7 的首屏高度平均值是710px。
    3、综合考虑到 Window XP 已经退出市场,在实际操作时,我们以710px作为依据。
    另外,是关于图片尺寸问题。需要全屏显示的图片,宽度尺寸严格设计为1920px。但是值得注意的是,图片内容的有效范围不能超过网页内容的有效范围,控制在1200px以内,以免遇到小屏设备时显示不全,而造成信息遗漏。
    说到这里,网站设计规范部分的内容就算是讲完了,当然上面的所有规范也只是规范,不要因为这些规范去限制自己的想法,规范是用来打破的,设计最重要的还是设计得美观,设计的时候具体要给多大的数值,取决于设计师,规范是用来参考的。
    Ps:如果想做一个好的UI设计师,一定要从规范入手。很多都是细节的东西,在于积累。

本文作者:紫石头原创模板堂

十六年网站建设相关经验
一站式为您提供网站相关服务

欢迎扫码咨询

模板推荐
  • 律师网站类模版
    律师网站类模版/原创、SEO细节调优、多业通用好模板
    简洁大方、利于SEO、多行通用
    ¥3200元
  • 搜易支付类网站模板
    搜易支付类网站模板/界面简洁、多行业通用、易于SEO
    专业设计、高端大气、适合多个行业
    ¥3200元
  • 商场小程序模版
    版式精美,源码原创,简单易用
    功能源码可修改,可定制功能
    ¥2600元
  • 黑色过审单页
    源码原创/易于SEO/适于多行业
    源码原创,适用于网站过审
    ¥1700元
  • 清新大气饮料模板
    源码原创/易于SEO/适于多行业
    清新饮料模板,源码原创,使用范围广
    ¥3200元
  • 证书查询系统模板
    源码原创/简单易用/适于多行业
    证书查询功能,简单易用,源码可修改
    ¥3200元
工作时间:周一至周五(08:30~18:00)
Copyright ©2003-2024 zishitou.com All Rights Reserved 永易搜旗下紫石头原创模板堂 版权所有 豫ICP备14011598号-7 营业执照