网页设计须知

网页设计须知

页面规划

span style=\"font-size:10.5pt;mso-bidi-font-size:11.0pt;font-family:宋体;mso-ascii-font-family:Calibri;mso-ascii-theme-font:minor-latin;mso-fareast-theme-font:minor-fareast;mso-hansi-font-family:Calibri;mso-hansi-theme-font:minor-latin;mso-bidi-font-family:"Times New Roman";mso-bidi-theme-font:minor-bidi;mso-ansi-language:EN-US;mso-fareast-language:ZH-CN;mso-bidi-language:AR-SA\"尺寸

显示界面的尺寸取决于分辨率宽度 电脑页面(960px—1005px)

栏目

span lang=\"EN-US\" style=\

结构

顶部（头部）span lang=\"EN-US\" style=\

正文span lang=\"EN-US\" style=\

底部-网页的脚包含网页的版权、审批、声明等辅助信息

2.确定栏目形式

布局

页面元素

色彩

色系

红色系span style=\

p class=\"MsoListParagraph\" style=\"margin-left:42.0pt;text-indent:0cm;mso-char-indent-count:0\"span style=\"font-family:宋体;mso-ascii-font-family:Calibri;mso-ascii-theme-font:minor-latin;mso-fareast-font-family:宋体;mso-fareast-theme-font:minor-fareast;mso-hansi-font-family:Calibri;mso-hansi-theme-font:minor-latin\"橙色系 span style=\"font-family:宋体;mso-ascii-font-family:Calibri;mso-ascii-theme-font:minor-latin;mso-fareast-font-family:宋体;mso-fareast-theme-font:minor-fareast;mso-hansi-font-family:Calibri;mso-hansi-theme-font:minor-latin\"家居、动漫、儿童用品

黄色系span style=\

绿色系span style=\

蓝色系span style=\

紫色系span style=\

黑白色系span style=\

配色忌讳

脏

纯（大面积使用艳色）

 跳（不能脱离整体）

\u00A0花（有主色贯穿其中）

\u00A0素

 [蓝色忌纯 绿色忌黄 红色忌艳]

配色宗旨

相邻色 补色

风格

欧美风格 一类简单明了、色彩单一；一类构图复杂，色彩浓烈。

韩国风格span style=\

中国风格span style=\

web2.0风格 近几年国际流行的风格

特点

设计简单 大面积留白和更少的内容 更大和更多样的标题文字醒目简洁的LOGO渐变集中的布局更少的分栏分割头部简单明了的导航水晶图标倒影标签或价格签灰色的文字

扁平化风格 去除冗余、厚重和繁杂的装饰效果

去掉特效极简的元素有意义的图标更多圆角中性的颜色鲜明的对比简洁的字体善用灰色

细节

图片：不可模糊、变形、质量低下、带背景色

效果：不可强求特效

素材：不同风格不要共同使用

span style=\"font-size:10.5pt;mso-bidi-font-size:11.0pt;font-family:宋体;mso-ascii-font-family:Calibri;mso-ascii-theme-font:minor-latin;mso-fareast-theme-font:minor-fareast;mso-hansi-font-family:Calibri;mso-hansi-theme-font:minor-latin;mso-bidi-font-family:"Times New Roman";mso-bidi-theme-font:minor-bidi;mso-ansi-language:EN-US;mso-fareast-language:ZH-CN;mso-bidi-language:AR-SA\"页面交互

统一

风格（颜色 图标 样式等） 导航 操作

醒目

文字 信息 功能

便利

（1）     导航（2）搜索（3）文字（4）指示标与面包屑（5）反馈（6）控件（7）扩展和维护（8）广告

span style=\"font-size:10.5pt;mso-bidi-font-size:11.0pt;font-family:宋体;mso-ascii-font-family:Calibri;mso-ascii-theme-font:minor-latin;mso-fareast-theme-font:minor-fareast;mso-hansi-font-family:Calibri;mso-hansi-theme-font:minor-latin;mso-bidi-font-family:"Times New Roman";mso-bidi-theme-font:minor-bidi;mso-ansi-language:EN-US;mso-fareast-language:ZH-CN;mso-bidi-language:AR-SA\"合格的网页是什么

美观舒适的风格高效的导航符合大众习惯的布局简洁的操作及时的反馈明确的标注和指示拥有吸引人的元素良好的可维护性和可扩展性  

参考网站

优设网 lcon搜索站酷 黄蜂网 花瓣网