我们设计网页时,以企业官网为例,用PS软件设计,选用分辨率为72像素/英寸,颜色模式为sRGB,网页分为横屏和竖屏,竖屏画布宽度为1920px,高度随内容的多少而变化,横屏宽度为1920px,高度为960px,通常用选用竖屏设计的比较多。

以竖屏为例,虽然画布宽为1920px,但是不等于我们可以在整个画布上作图,这是因为网页内容有一定的安全区,在950px-1200px之间,通常设置为1100px。

字体选用微软雅黑、宋体、苹果系统黑体,英文建议使用Arial无衬线字体,目前流行用微软雅黑字体,微软雅黑字体样式要选择锐利,一个页面不要超过两种字体。字体颜色不要用纯黑,因为纯黑颜色的字体和白色背景搭配会导致眼睛不适,从而导致眼睛疲劳,白色具有100%的颜色亮度,黑色具有0%的颜色亮度,色彩亮度的这种巨大差异导致用户看到的亮度级别不一致,这导致用户的眼睛在阅读时很难以适应亮度,当精心挑选了颜色,准备开始设计时,加入了纯黑色,黑色的色彩强度能够压倒其他色彩。黑色会非常的突出,因为自然界没有真正的纯黑,会显得不自然。日常生活中看到的黑色都不是纯黑,而是深灰。而且,光可能会为其着上色调,因此他们是着了色的深灰。很多我们日常使用的应用,里面都有黑色,但实际上,是深灰色。所以推荐色值#313131、#333333、#666666、#999999、#535353。导航字号大小为16px或者18px,正文字号为14px,12px是应用网页的最小字体,适用于非突性的日期,版权等注释内容。

以企业官网为例,首页结构中,包含logo、导航(位于页面顶部的居多)、导航分类菜单、banner图、企业介绍、主体内容、页尾。导航高度一般在70px-100px之间,banner图通常为全屏,全屏尺寸为1920*960px,通常高度在550px-750px之间。不同级别的文字内容可以通过深灰、浅灰等不同深浅的颜色和字体大小不同区分出层次,logo大小不要与导航字号相差太大,特殊情况要求除外,字体颜色要相同,导航选中颜色要与页面颜色搭配,即强调色,与banner图效果协调,比如网页是蓝色为主色调,那么banner图最好也是蓝色系的图为最佳,banner图必须是高清图,不能模糊,为了不影响网页加载速度,banner图及网页中所有图片大小不要太大,尽量不超过100kb。网页中的每一屏内容要保持在电脑屏幕内,便于每一部分内容整体阅读。

目前企业官网多数流行采用极简风格,切记页面不要花花绿绿,颜色不要过多,主色调、黑色、白色、灰色即可,必要的时候可以添加一个辅助色做点缀作用。