网页设计注意的问题

网页设计注意的问题

文本、背景、框架等各为不同的颜色,虽然看似鲜艳但是,多重渐变、几种鲜艳的色彩和大量有鲜明对比的色调及饱和度,会破坏你网站的层次和空白概念。下面介绍网页设计注意的问题,希望对您有所帮助。

网页设计注意的问题

1、留白太少 留白是网页设计中一个重要部分。它有助于防止用户在浏览网站时变得疲惫,它可以在内容中划出距离,而且它本身也看上去不错。空白不是必须用白色的,而是,它仅仅是为其他设计元素提供间隔和缓冲的空间。

2、字体设置过多 通常来说一个网页中最好不要超过三种字体。

3、色彩太多 文本、背景、框架等各为不同的颜色,虽然看似鲜艳但是,多重渐变、几种鲜艳的色彩和大量有鲜明对比的色调及饱和度,会破坏你网站的层次和空白概念。尝试限制自己只用一种鲜艳的色调(如蓝色),再搭配反相的单色(白、灰、黑)以获得一个漂亮的搭配。这里强调下豆瓣的配色。也是我喜欢的颜色搭配。

4、内容过于堆叠 网页的内容繁多,各种分支信息占据的空间过多,没有突出关键的主题。它有助于在内心组织重要的信息,并引导用户注意在你想让他注意的地方。在传统艺术中,新手们被教导色彩、价值和线性透视三原则和其他艺术指导。在网页设计中,没有特别奉行的准则,但以直观的方式组织你的内容是一条很好的经验规则。也是多年培养的用户习惯。最终习惯就是最终用户。当然一成不变不是我们所鼓励的。

5、没有重视用户电脑的屏幕显示效果 也许某个分辨率对你的电脑效果特别好,但是用在用户电脑上就不一定如此了。虽然这种分辨率的显示器正在减少,但采用更小的分辨率的手机设备也来了。现在的网页设计宽度标准是960像素,虽然没有照顾到每一种分辨率,但在主流分辨率上可以呈现的最好。假如你希望面对大量的手机用户,最好考虑一个手机版设计。

6、没有考虑对比效果 你有没有试过两种对比色彩的运用或者大小的变化,有些方式之所以比其他的更好,其原因就是这是一种眼睛感知到对比的方式。如果你很难舒服的阅读文字,考虑一下改变字体大小或方式。成为一个大师级网页设计师的秘诀:对比,对比,对比。

7、同一件事情做的不够多,或做的太多(过犹不及) 某个主题过于突出或者某个主题被完全冷落了,在页脚加一个”返回顶部”的按钮也很好。但是,太多指向同一目标的途径会降低可用性。让你的奶奶用下你的网站,如果她搞不定,想想哪些东西让初次访问的用户拒绝使用这个网站。

8、不一致 网页内容过于杂乱,没有统一的框架把他们合并到一个中心主旨上。它是把网页设计组织在一起的方式,可以创造一种紧密结合的感觉。在网站页面互相链接的情况下,它可以帮助用户把所有页面都联系在一起。如果你在整个网站持续改变字体、大小和色彩,用户很快会觉得不知所措。

9、没有足够的文字间距 间距过小是造成网页缺陷的一个重要原因。网页一个是行距,可以用CSS直接调整,关系到两行文字之间的距离。这些有助于区分行与段落,使用户更容易阅读文字。

10、贫乏的尺寸大小 标准做法是h1的文字大于h2的文字,头部文字大于段落文字。尽量保持一致的尺寸,因为它有助于一致性(第8条)和内容层次(第4条)。保持文字的可读性,但不要太大,让字体的大小表现信息的重要性。还有,10像素以下的尺寸对大量阅读的人来说太小了。 在平时设计网页过程中,如果能够多加注意到这些问题,从而避免不该犯的错误,就能在整体设计的基础上加分,此外,加上自己特色的创意,真正为用户考虑,才能真正做到优秀的网页设计。

手机网站网页设计应该注意什么问题

我们对手机网站制作中需要注意哪些方面的问题展开分析,为各位手机网站制作的用户们提供一些参考,现总结几点如下:

1、明确自己想在手机网站上展示哪些信息:

在手机网站制作之前应该明确自己想在手机网站上展示什么,分析一下可能的浏览者会有哪些,然后有针对性地策划和设计网站上的相关内容,这样才能做到有的放矢,不至于手机网站制作好了却没人浏览,或者浏览了不感兴趣。如果能做到有针对性的进行手机网站制作,通常手机网站在推广之后都会为企业带来一定量的潜在用户。

2、在手机网站制作时要尽量符合滑动屏幕的方式:

一般的手机屏幕,画面都不如桌上电脑那么大,尤其是阅读文字时更需要加以放大。即使智能手机具有网页放大缩小功能,但是观看起来也较为麻烦,因为网页放大后,很可能还要左右滑动才能浏览网页,浏览后还要缩小回原大小。因此在设计手机网页时,应能够以滑动屏幕的方式来阅读网页,因为滑动网页操作比着放大网页观看来要简单得多。

3、不能参照PC端网站来设计手机网站上的导航功能:

手机网页与跟一般的PC端网页不同,由于受到手机屏幕大小和屏幕操作的限制,在设计导航功能时应该按照手机屏幕来设计,不能完全照搬PC端网站,该简单的地方简单化,该去掉的去掉,同时在当阅读文章到最后时,要方便于用户回到最前头,减少卷动画面的机会,让网页变得更容易于移动设备上阅读。

4、手机网站制作也要考虑多种浏览器的兼容:

现在的移动浏览器能够处理大多数网站,一般的浏览器都能够正常浏览网页。但由于手机上的浏览器也有多种,比如UC浏览器、360浏览器、搜狗浏览器、其他浏览器,如此多的浏览器在浏览网页的时候,如果手机网站的兼容性差,就很可能会出现在某些浏览器上出现网页变形、内容显示不全的情况。因此,手机网站制作必须考虑到兼容于多种浏览器。

5、在手机网站制作时一定要减少用户文字输入操作:

现在智能手机一般都没有实体的键盘,或仅只有12键的电话输入功能,因此在输入文字上会比起使用电脑键盘麻烦得多。因此,减少使用者输入文字的机会,例如用户名、密码等,都是手机网站制作时要尽力避免的。

6、在手机网站制作时就应该考虑到日后的推广和宣传:

在手机网站制作时,不要忽略了用户体验,否则在日后的网站推广时将会遇到麻烦。任何一个手机网站,都必须经过广策划、设计和推广的过程,在手机网站制作时需要考虑日后的推广,手机网站应该在丰富站内内容的同时,提供详尽的产品信息以及联系方式,并收集有关产品的用户满意度和顾客需求方面的反馈信息。这样的手机网站上线后,其推广工作也会非常有效果。

7、手机网站制作要兼顾非触摸屏幕的设计:

虽然大多数手机都是智能手机,但也有为数不少的传统手机,不具备触摸的功能,使用的是传统的控制方向键做为滑动的工具,这时候,手机网页的制作应兼顾到非触摸屏的手机浏览。比如减少画面中超链接的数量、加大文字以减少误点。

8、在手机网站制作时要记得要简化网页内容:

一般的手机、平板电脑等移动设备,由于屏幕大小的限制,不易容纳下个人电脑的大容量的网页资讯,因此手机网站制作的首要一点就是减少网页内容,最好不用图片或是影音视频等,文字也应该精简,但要保持网页内容的可读性。只需要将最重要的资讯放入移动版网页,不太重要的内容内容,可以略去,或者通过超链接链接到新网页上。

9、手机网站制作要注重网页产品和服务的展示:

企业在手机网站上,需要表现的重点仍然是产品和服务的展示。移动用户访问企业手机网站往往是有备而来,想了解某个产品或者服务的详细价格、服务内容和功能。所以企业在手机网站上的产品和服务展示,可选择企业的主要产品,对其各类参数或价格加以详细说明,对于企业的新产品,也可以适当的加以介绍,必要时可以采用图文并茂的方式,但图片的体积应尽量小。

以上是在手机网站制作中需要注意的几个方面,手机网站页面设计需要符合用户体验,以方便用户操作为准则,能够为用户带来切实的帮助,这是手机网站制作上的基本要求,也是满足用户需求的基本原则。

网页设计的基本原则

1、符合受众心理与社会心理需求

懂得不同的受众以及不同社会层面的不同心理需求,是网页设计者应掌握的一项基本原则。在网页设计创作之前,设计者要对所表达对象的文化背景、审美心理以及审美感知等作一系列相应的了解。对不同的地方,设计者还要进行一定区域民俗文化现象的了解与学习。只有这样,设计出的网页作品才能与设计对象产生紧密联系,达到读者与作品的心连心、面与面的交流。

2、分析用户需求,注意内容布局

设计者在设计网页时应该明确网站的类别,例如是企业网站、政府网站还是个人网页等等。因为不同类型的网页具有不同的主题与风格,设计网页时不能喧宾夺主,也不能主题与网站类别属性相矛盾,在图片、文字、色彩使用上要合理选择。所以,网页设计的第一步应该以用户需求和网站的类别为导向,所有的设计工作都应该围绕这个前提,正确定位,不能脱离主题。

网页设计注意的问题

3、设计主题定位准确

网页设计是一种按照一定需要,有目的进行的一种计划与预定。其突出特点就是具有相当的制约性和约束力,即受到设计主题的限制和约束。网页设计作品应有自己鲜明主题,主题目标的鲜明性决定了设计的鲜明个性特征。设计主题定位要求准确,这是设计原则中的首要问题。网页主题是设计传递内容的主要信息,设计者应该充分运用所要传达的特定信息,调动画面中所有的视觉因素,使之发挥出最大的视觉效果,设计的定位要始终牢牢地把握住设计主题。

4、网页下载的时间不能过长

为了保证网站有不断增长的点击率,除了有吸引人的内容之外,还要有较快的下载速度。网页加载速度对于一个网站而言是十分重要的,它直接影响用户的访问体验和满意度。如果2030秒还不能打开一个网页,一般人就会没有耐心。至少应该确保主页速度尽可能快,如没有必要,最好不要用大的图片,或者对图片进行压缩使用。

5、网页对不同操作系统、浏览器的兼容

通常情况下,人们所设计的网页都在一种操作系统和浏览器中进行调试。在互联网中,有各式各样的操作系统和浏览器,网页中的一些技术、插件在不同的操作系统和浏览器中的效果是不同的,有的甚至根本无法兼容,因此要充分考虑网页的兼容性。比较常见的办法是在不同的操作系统和浏览器中做测试,保证最大的兼容性。⒍经常进行调试及数据更新为吸引更多用户,网站中的信息必须经常更新,如新闻、图片资料等。同时,由于网站要经常进行修改更新,网页之间的链接有时会出现断开现象,因此,要经常做网站的调试,检查是否有链接出错的地方并进行修复,以维护网站的正常运行。

网页UI设计应遵循哪些原则

今日的网站已经不单单只是人们查询资料的工具,它已糅合了多种功能于一身,在网站为人们的学习、生活、工作、娱乐提供越来越重要的信息时,人们都它的要求也与日俱增,对界面的要求也不仅仅是停留在美观上。就此,本文简单的谈一谈网页UI设计。

一、认识UI

(一)用户研究

用户研究包含两个方面:一是可用性研究,研究如何提高产品的可用性,使得网站界面的设计更容易被人接受、使用和记忆;二是通过可用性的研究,发掘用户的潜在需求,为技术创新提供另外一条思路和方法。

(二)交互设计

这部分指人与机之间的交互工程,在过去交互设计也由程序员来做,其实程序员擅长编码,而不善于与最终用户交互。在使用网站的过程中最能给浏览者留下深刻印象的一定是网站的视觉因素,也就是我们所谈论的网站界面。

(三)界面设计

在漫长的软件发展中,界面设计工作一直没有被重视起来。做界面设计的人也被贬义的称为“美工”。其实网站界面设计就像工业产品中的工业造型设计一样,是产品的重要买点。一个友好美观的界面会给人带来舒适的视觉享受,拉近人与电脑的距离,为网站创造卖点。检验一个界面的标准即不是某个项目开发组领导的意见也不是项目成员投票的结果,而是最终用户的感受。

二、界面设计的构成元素

(一)文字

从网页最初的纯文字界面发展至今,文字元素作为网站内容传达的主体,文字有着其他任何元素无法取代的重要作用。首先是文字信息符合人类的阅读习惯,其次因为文字所占存取空间小,节省了下载和浏览时间。网页中的文字主要包括标题、信息、文字链接等形式。文字作为占据页面重要比率的元素,同时又是信息重要载体,它的大小、字体、颜色和排布对页面整体设计影响极大。

(二)图形

在大多数网页中,图形占据了重要的位置,有的甚至是全部页面。图形往往能引起人们的注意,并激发阅读兴趣,合理的运用图形,可以生动直观、形象地表现设计主题。网页中常用的图形格式包括JPG、GIF和BMW。图形元素包括标题、背景、主图、链接图标四种。以图像作为标题和链接可以使网页具有更好的视觉效果,配合文字增强生动和形象性。

(三)色彩

一个网站不可能单一的运用一种颜色,让人感觉单调,乏味;但是也不可能将所有的颜色都运用到网站中,让人感觉轻浮,花俏。一个网站必须有一种或两种主题色,不至于让客户迷失方向,也不到于单调,乏味。所以确定网站的主题色也是设计者必须考虑的问题。

三、UI界面布局

(一)视觉顺序

视觉流程的形成是由人类的视觉特性所决定的。心理学的研究表明,在一个平面上,上半部让人轻松和自在,下半部则让人稳定和压抑。同样,平面的左半部让人轻松和自在,右半部让人稳定和压抑。所以平面的视觉影响力上方强于下方,左侧强于右侧。这样平面的上部和中上部被称为“最佳视域”,也就是最优选的地方。

在网页的编辑设计中,视觉导向是一个要点,网页的设计是一种创造,首先要立足信息的传达,但又要符合人们较为普遍的思维习惯,做到视觉流程自然、合理、畅快。成功的视觉流程安排,能使网页上的各种信息要素在一定空间内合理分布,能使页面上各信息要素的位置、间隙、大小保持一定的节奏感和美感。

(二)界面布局原则

平衡原则。注意屏幕上下左右平衡。不要堆挤数据,过分拥挤的显示也会产生视觉疲和接收错误。

预期原则。屏幕上所有对象,如窗口、按钮、菜单等处理应一致化,使对象的动作可预期。

经济原则。即在提供足够的信息量的同时还要注意简明,清昕。特别是媒体,要运用好媒体选择原则。

顺序原则。对象显示的顺序应依需要排列。通常应最先出现对话,然后通过对话将系统分段实现。

规则化。画面应对称,显示命令、对话及提示行在一个应用系统的设计中尽量统一规范。

四、结语

UI设计师应该紧跟时代步伐,掌握现代社会信息发展的新动向,站在较高的角度上来提高自己的技术,使设计作品能够具有新思维,新文化。同时,设计师也应该挖掘中国历史上的优秀文化,并把它带到设计中指导我们的UI设计。只有这样,设计作品才能符合人们的心理需求,沟通人们的感情与思想。

12 12 分享:

相关课程

发表评论

登录后才能评论,请登录后发表评论...
提交评论

最新文章