云企logo

网站框架设计

更新日期:2021-03-23  

网页设计也被称为 Web Design、网站设计、WUI 等。它的本质就是网站的图形界面设计。从1987年到现在网站遍地;中国的网站高速发展了几十年。电脑的分辨率*初只有800×600像素,而现在网站设计和过去已经有了巨大的变化:注重用户体验、注重页面内容、多媒体等设计。加上现在个人电脑的普及,网站仍然是人机交互中非常重要的平台之一。那么作为 UI设计师需要掌握网站设计的规范和理解网站运行的原理,才能更好地驾驭这个平台。

网站架构设计三大基本原则

第一:为用户指导

第二:为搜索引擎表现

第三:围绕主题设计

网页的布局主要有两种:

左右布局和居中布局。布局不一样使设计的空间也不相同。

⑴、左右布局,灵活性强,UI限制小;左右通栏为导航栏,宽度没具体限制,可根据实际情况调整;右侧为内容板块范围,是网站内容展示区域。

⑵、居中布局,中间的深色部分为有效的显示局域,用于网站内容的展示;两边留白没实际用图,只是为适配而存在。

当前流行的分辨率是1920px*1080px的,所以建议创建网页尺寸为1920px*1080px,页面内容区域(版心)常设置为1200px(或1000px -1200px区间),以这个尺寸来设计相对标准。每个屏幕的高度约为900px左右。

网页设计字体的选择可以微软雅黑,英文及数字可以使用Arial字体;说完字体咱们该说字体的字重、字号、行高、字间距、行间距、段间距了、字体颜色。

字号(所有字号使用偶数):

正文:12px-18px之间

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

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

英文可偏小些 :10px-16px

导航栏字体:一般在14px-18px区间,*大不超过18px,禁用加粗

字体间距

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

行间距,推荐使用 字体大小的1.5-1.7倍 作为参考;

字间距,推荐使用 0/25/50即,当用12px 的字体时,行间距:18-20;

字体颜色

正文字体颜色,建议选用 #333333到#666666 之间的颜色。

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

 

上一篇:百度推广重磅通知:百度将全行业切换基木鱼

下一篇:怎么分析目前网站SEO优化情况?
首页