• web设计规范


    内容区尽可能的采用像素(缺省)字,12px~14px宋体。

    网页设计中,除必须用图片(BANNER设计或者特殊标题)或者FLASH(互动站)制作外,内容一律采用宋体像素字进行设计,企业站字号统一为12px,门户站/专题活动站出现部分14px。
    一般情况下,接近字体尺寸的行距设置比较适合正文
    12px宋体行距一般为16~30px,以20px最为常见

    标题区尽可能的采用黑体(雅黑),14px~24px。

    质感的应用应统一而协调

    我们网站界面的构成和设计,在非常多的时候,总是会伴随着各种丰富多彩的背景色或重复图案的铺底装扮。 可以说非常多的漂亮设计总是离不开界面的一个色彩,质感等方面大表现的!
    选用合理的背景色,辅以各种质感体现,或图案体现等,不光可以让我们的界面显得更漂亮!在很多情况下还可以体现出商业性质,情感表现等!
    例如做咖啡的网页,使用咖啡色搭配欧式花纹图案素材,就可以显出一种历史沉淀,品质等情感。也体现出咖啡悠久历史,高贵品质等商业感。又或是做食品的站点,我们辅以绿色背景,适当加入绿叶装扮!就可以体现出绿色,健康的良好形象。

    网页各板块主次关系按照从上至下、从左至右的原则进行区分

     

     

     

     

    尺寸大小与主从关系

    可视范围的定义
    IE在1024*768分辨率下显示满屏宽度为1003PX,而我们通常定义的可视范围为920px~1000px之间。
    最为常见的是960px、990px、1000px。
    高度根据不同显示器的长宽比与浏览器设置,无法对其进行定义。整屏高度一般为650px。

    各板块的主从关系
    LOGO与导航尽可能设计在网站的头部并采用平铺的形式,需要突出、醒目、方便浏览者试用。
    背景、内容区尽可能简洁化,颜色选择上尽可能低纯度,色相与明度变化不要太大,追求整体性、统一性、协调性。
    LOGO、导航、按钮、标题等需要突出的元素需要设计得明显一些,颜色选择上纯度调高,各板块对比加强。但这几个元素之间同样要注意协调性,否则各元素相互冲突,整个画面就杂乱无章。

    布局设计与效果打造

    布局方案
    尽可能的避免弧线、不对称效果等不适合做切片的设计。
    采用横平竖直的设计简约、大方、便于设计与制作、便于浏览者阅读,
    *横平竖直的设计容易造成画面呆板,在设计上需要适当的调整。

    效果风格实现
    任何风格都能用于网页设计,一个网站只能出现一个风格。
    风格的打造与网站本身主题相匹配。
    避免注重风格忽视内容的设计。

  • 相关阅读:
    安全测试 + 渗透测试 Xmind 要点梳理
    Confluence wiki——CentOS6.8搭建详解
    Flask从入门到做出一个博客的大型教程(一)
    基于Cat的分布式调用追踪
    Elastic-job使用及原理
    Jmeter模拟不同带宽
    Mybatis中parameterType、resultMap、statementType等等配置详解(标签中基本配置详解)
    SQLyog Enterprise常用快捷键
    MyBatis 与 Spring Data JPA 选择谁?
    Springboot集成mybatis(mysql),mail,mongodb,cassandra,scheduler,redis,kafka,shiro,websocket
  • 原文地址:https://www.cnblogs.com/ngz311616/p/10007566.html
Copyright © 2020-2023  润新知