公司网页设计基础

公司网页设计

  对于刚刚接触公司网页设计基础的初学者,网站设计,首当其冲的就是尺寸。尺寸,顾名思义,就是说的页面的高度和宽度,而根据实际需要,又分为不同载体的尺寸需要适应。

  普及一个小常识,尺寸我们用分辨率来表示,分辨率的单位是像素,也就是px,英文是pixel,在屏幕上展示的尺寸通常就用px表示。px值需要设置72px,多了和少了都不行,而印刷才需要设置300px分辨率,配合米和毫米等这样的计量单位。

  接着说,根据载体不同,尺寸也大致分为电脑版,手机版两种。这两种尺寸是有区别的。比如,电脑版侧重大屏幕展示体验,手机版侧重窄小屏幕显示体验,因为在小屏幕手机去看大尺寸的页面,字体会小的令人看不见,所以需要设计两个尺寸,或者,如果想两个尺寸可以通用,就要有意识的把电脑版的字号放大很多,设计区域也要居中紧凑的排布。

  通常,设计页面的宽度比较容易,因为电脑屏幕的宽度我们已知,而页面内容说不好,需要根据实际内容调整,所以先确定页面宽度。页面的宽度,取决于当前全球用户所使用的电脑显示器屏幕的尺寸。

  一般来说,如果采用无自适应程序去制作的页面,需要格外考虑用户屏幕的可视范围,特别是小屏幕的笔记本电脑的展示效果。

  因为页面没有自适应能力,也就是没有根据屏幕的大小来缩放页面内容的话,就会看不全核心设计区域的内容。通常市面上笔记本电脑的宽度,最小在1200像素左右,所以,无自适应的页面,文字设计区域要控制在1000px~1200px以内,内容区域比较普遍的是960栅格系统(详见栅格系统),设计企业站比较喜欢1000px宽度,而旁边的延伸宽度,是为了大屏幕而准备的,如果没有左右延伸区域,大屏幕电脑看上去就很难看,页面就显得很小。

  再说一下公司网页设计基础页面高度的设置。页面高度,由于是根据内容多少而定,但不建议超过3屏,因为页面如果太长,一是会导致客户没有耐心看完,二是会导致页面质量太重而加载速度慢,影响用户体验,所以高度在3000px以内为佳(h5网站除外)。

Copyright © 2016 Aimlike. All Rights Reserved. |www.aimlike.com