你知道网页设计时有哪些是需要注意的
不论在任何行业中都有着好坏之分,网页设计同样也不例外,每一个网站都离不开一个优秀设计师的精心设计。在之前我们济南网站建设的小编就曾提到过如何区分好的设计师与差的设计师。那么如何区分什么是优秀的网页设计?有哪些是需要注意的?
一、首先要确定网站的风格
将企业的标志logo,尽可能的放在每个页面上最突出的位置,突出页面的色彩。总结一句能突出网站整体的宣传标语!相同类型的图像采用相同效果,比如说标题字都采用阴影效果,那么在网站中出现的所有标题字的阴影效果的设置应该是完全一致的!网站的风格主要还是根据企业风格去决定。
二、网站中导航的设计
一个网站中导航是非常重要的,它能指引用户找到自己想要访问的内容,设计师需要把导航放在页面顶部,比较显眼的位置,让用户通过导航搜索,快速的找到他们想要访问的页面。导航设计一定要注意导航的简介清晰还有导航在每个页面都是要一致的。
三、图文搭配
网页设计时要页面做好图片与文字的搭配,其中图片的大小、尺寸、色彩、图片的款式,以及文字的字体、字号、色彩、字间距、行间距等都要均衡到,网页的特效后果不宜太多,一来轻易形成搜寻收录不利,二对访客浏览形成方便。
四、不要因为美观二忽略可用性
在网页设计中,字体的处理与颜色、版式、图形化等其他设计元素的处理一样非常关键。网页设计的外观不应该影响它本身的可用性。千万不要为了美观而忽略了页面的可读性和对比性。
五、网站广告的位置
这一点就比较敏感了,千万不要让广告的位置遮住页面内容。本来用户就已经厌烦广告了,如果广告再把内容遮住这不是故意引起用户的反感而去关闭网站吗?所以一定要合理的去选取网站广告的位置,既能让用户看见也能不让用户厌烦。
网站建设页面跳转适配
这种一般也比较常见,站长在做优化时,会有www和m两个站,一个pc一个移动,用户在访问网站时,检测当前所用设备,跳转到对应的网址,pc和移动用的是不同代码且网址也不同。
在pc版网页上,添加指向对应移动版网址的特殊链接 rel="alternate" 标记。
在移动版网页上,添加指向对应pc版网址的链接 rel="canonical" 标记。
例如,假设pc版网址为http://www.abc.com/id.html,且对应的移动版网址为 http:/m.abc.com/id.html,那么在pc版网页上,添加:
<link rel="alternate" media="only screen and(max-width: 640px)" href="http://m.abc.com/id.html" >
而在移动版网页上,添加:
<link rel="canonical" href="http://abc.com/id.html" >