网页设计师工作中遇到的问题
用户的眼睛喜欢有秩序的设计,如头部包含导航和LOGO,特定内容使用lightbox,三列分栏,页脚,它有助于在内心组织重要的信息下面介绍网页设计师工作中遇到的问题,希望对您有所帮助。
对比的问题
你考虑过阅读黑底白字和白底黑字的不同吗?你有没有试过阅读一下白底灰字?有些方式之所以比其他的更好,其原因就是这是一种眼睛感知到对比的方式。如果你很难舒服的阅读文字,考虑一下改变字体大小或方式。成为一个大师级网页设计师的秘诀:对比,对比,对比。
同一件事情做的不够多,或做的太多(过犹不及多重导航非常好,如一个在页头一个在页脚。在页脚加一个”返回顶部”的按钮也很好。但是,太多指向同一目标的途径会降低可用性。让你的奶奶用下你的网站,如果她搞不定,想想哪些东西让初次访问的用户拒绝使用这个网站。
太多的色彩
背景一种颜色,内容文本一种颜色,链接一种颜色,页头和lightbox一种颜色,图案和页脚各一种颜色。这很好,因为它帮助区分了有用的内容。但是,多重渐变几种鲜艳的色彩和大量有鲜明对比的色调及饱和度,会破坏你网站的层次和空白概念。尝试限制自己只用一种鲜艳的色调(如蓝色),再搭配反相的单色(白灰黑)以获得一个漂亮的搭配。这里强调下豆瓣的配色。也是我喜欢的颜色搭配。
没有内容层次
用户的眼睛喜欢有秩序的设计,如头部包含导航和LOGO,特定内容使用lightbox,三列分栏,页脚。它有助于在内心组织重要的信息,并引导用户注意在你想让他注意的地方。在传统艺术中,新手们被教导色彩价值和线性透视三原则和其他艺术指导。在网页设计中,没有特别奉行的准则,但以直观的方式组织你的内容是一条很好的经验规则。也是多年培养的用户习惯。最终习惯就是最终用户。当然一成不变不是我们所鼓励的。
太多的字体
一般一个简单的网页设计,一般字体不超过3种。多则乱没有足够的空白
空白可以说是设计中最重要的一部分。它有助于防止用户在浏览网站时变得疲惫,它可以在内容中划出距离,而且它本身也看上去不错。空白不是必须用白色的,而是,它仅仅是为其他设计元素提供间隔和缓冲的空间不考虑用户的分辨率
你的屏幕分辨率有2560像素,这非常好。但很多人还在屏幕上用1024像素的分率,有些还在用640*480或800*600。虽然这种分辨率的显示器正在减少,但采用更小的分辨率的手机设备也来了。现在的网页设计宽度标准是960像素,虽然没有照顾到每一种分辨率,但在主流分辨率上可以呈现的最好。假如你希望面对大量的手机用户,最好考虑一个手机版设计。
不一致
一致性是网页设计的关键。它是把网页设计组织在一起的方式,可以创造一种紧密结合的感觉。在网站页面互相链接的情况下,它可以帮助用户把所有页面都联系在一起。如果你在整个网站持续改变字体大小和色彩,用户很快会觉得不知所措。
贫乏的尺寸大小
标准做法是h1的文字大于h2的文字,头部文字大于段落文字。尽量保持一致的尺寸,因为它有助于一致性(第8条)和内容层次(第4条)。保持文字的可读性,但不要太大,让字体的大小表现信息的重要性。还有,10像素以下的尺寸对大量阅读的人来说太小了。
没有足够的文字间距
与空白有关,文字间距有两个部分,一个是字距(这个不能用CSS直接调整,可以通过一些高级技术解决),关系到字母之间的空白。一个是行距,可以用CSS直接调整,关系到两行文字之间的距离。这些有助于区分行与段落,使用户更容易阅读文字。
网页设计与制作注意问题
1、导航要清晰
所有的超链接应清晰无误地向读者标识出来,所有导航性质的设置,像图像按钮,都要有清晰的标识,让人看得明白,千万别光顾视觉效果的热闹的,而让人家不知东西南北。链接文本的颜色最好用约定俗成的:未访问的,蓝色;点击过的,紫色或栗色。总之,文本链接一定要和页面的其他文字有所区分,给读者清楚的导向。
2、不能忽视错别字
一个好的网站对设计的每一个细节都不会放过,哪怕是一个微小的拼写错误都是绝对不能出现的。但是遗憾的是,许多设计者都缺少这种技能。确保你拼写正确,并且格外注意平常容易误写的错别字,要时时刻刻保持一种严谨的科学态度。
3、少用框架
在大多数网站上,在屏幕的左边有一个框架。但是设计者立刻就发现,在使用框架时产生了许多的问题。使用框架时如果没有17英寸的显示屏几乎不可能显示整个网站。框架也使得网站内个人主页不能够成为书签。也许更重要的是,搜索引擎常常被框架混淆,从而不能列出你的网站。
4、使用著名的插件
如果网站上有声音或视频,要保证使用者通过使用某个知名的插件,能够听到或看到。如果访问者没有所要求的插件,将不得不到其它站点去下载,这样访问者有可能就不会返回了。许多站点使用QuickTime、RealPlay和Shockwave插件。因为,许多访问者并不愿意浪费很多时间和金钱去下载可能仅使用一次的插件。
5、使网站具有交互功能
一个静态网页始终给人一种呆板的感觉,缺少一种活力和生气。最好在网站上提供一些回答问题的工具以及其他具有交互性能的设计,使得访问者能从网站上获得交互的信息,从而使访问者有一种参与网络建设的新鲜感和成就感。
6、测试网站
在你的网站正式发布之前,必须进行有用的测试。在设计网站时要使用最新的软件,但是不要忘了人们并不会使用最新的浏览器,所以要照顾到以前的浏览器。在上载网站时还要测试所有的链接和导航工具条。用图像、文本和不必要的动画GIFs来充斥网页,即使有足够的空间,在设计时也应该避免使用。
7、保证网页完整
在浏览器中即使去掉了图像功能,也要保证访问者能够在你的网站上获得满意的效果,呈现在用户面前的仍是一个完整的网站。对于那些关掉了图像功能的访问者,还能获得好的网页加载性能。可以通过在网页底部提供另外的链接和使用替代文字,而不是图像来满足访问者的需要。
网页设计色彩的运用
(1)确立网页页面的基调,即页面主题色彩:
页面的基调色彩确定后,才能开始设计其它部分内容。当我们打开一个页面时,一般看到的页面色调都比较淡雅,这也是网站设计中流行的浅色基调。文字的内容与色彩对比度较大,突出网页页面的主题内容因素。页面的重点不被那些浓重色彩给掩盖,有利于设计主题的显示,多数人喜欢这种设计风格。一般张扬的设计基调多出现在某些人的博客,这也是个性的张扬,无可厚非,不过不适用于商业用途网站。
(2)确立网站色系和多个页面的一致性:
艺术设计是和谐统一的色系选用和色彩搭配。页面设计风格和色彩和谐统一,色系与设计主题吻合,能让浏览者赏心悦目的欣赏页面,让浏览者驻足。色彩不属于一个色系,创作起来难度增大,与页面内容匹配难度增加。常用的页面设计通常选用一致的色系和色彩搭配。为了整体画面的灵动,可以在页面某处增加色彩强烈的装饰,给网页增加动感。
(3)对比或互补色的运用:
网页页面色彩过于一致给人以呆板的感觉,加强网站的特殊效果可以增加对比度强的图像或使用互补色来渲染画面。适用于添加对比色或互补色的网站一般是目的性不是很强的网站,为浏览者提供主题轻松的内容,色彩可以选择强烈的冷暖色,尽管如此,也不是没有规则。网页背景不能使用多个强烈颜色搭配,否则将主题内容掩盖,对网站建设的主题忽视。