简述网页ui的设计原则 网页UI设计原则

设计用户界面时，要让用户把注意力放在最重要的地方，每一个元素的尺寸、颜色还有位置，它们为理解界面共同指明了道路。下面介绍简述网页ui的设计原则，希望对您有帮助。

了解你的用户

了解用户，因为用户的目标就是你的目标。试着重述用户，了解他们的技能水平和体验，以及什么是他们需要的。找出用户偏好什么样的界面，并观察他们在界面中如何操作。不要迷恋于追逐设计趋势的更新，或是不断添加新的功能。首要的任务是关注你的用户，这样才能创造出一个能让用户达成目标的界面。

重视模型

用户的大部分时间都消耗在界面中，而不是他们自身上(Facebook，MySpace，Blogger，美国银行，学校/大学，新闻网站，等等)。我们无需画蛇添足，用户在你正在创造的界面中看到的正是那些(已有的)界面已经解决的同样问题。利用已成惯例的UI模型，你将使用户感觉像在家中一样熟悉。

保持一致性

用户需要一致性。他们需要知道一旦他们学会做某项操作，那么下次也同样可行。语言、布局和设计是需要保持一致性的几个界面元素。一致性的界面可以让用户对于如何操作有更好的理解，从而提升效率。

运用视觉等级

设计时，要让用户把注意力放在最重要的地方。每一个元素的尺寸、颜色还有位置，它们为理解界面共同指明了道路。清晰的层级关系将对降低外观的复杂性起到重要作用(甚至当行为本身也同样复杂的时候)。

提供反馈

界面要始终保持和用户的沟通，不管是当他/她们的行为对错与否。随时提示用户的行为：状态更改、出现错误或者异常信息。视觉提示或是简单文字提醒都能告诉用户，他/她的行为是否能够达到预期的结果。

(对用户)宽容

无论你的设计有多么的清晰明了，用户都会犯错。你的UI应当允许并宽容的对待用户的错误。要为用户提供可以撤销行为的方式，并且对五花八门的输入数据尽量宽容(没人愿意只是因为填错了生日的格式而重头再来)。同样，如果用户的行为引起了一个错误，在恰当的时机运用信息显示什么行为是错误的，并确保他/她明白如何防止这种错误的再次发生。

鼓励用户

一旦用户对界面有了经验之后,要奖励他/她们，使之进价。把复杂任务分解为若干简单步骤将会更显繁复和让人精力分散。提供更多的抽象方式——如键盘快捷键——完成任务，这样会让你的设计变得简洁易用。

融入用户的语言

所有的界面或多或少都有文字在其上。让文稿尽量口语化，而不是华美辞藻的堆砌。为行为提供清晰、简明的标签，保持简朴的文字叙述。用户对此将会很赞赏，因为他们不再是听命于他人的官腔——他们听到的是如朋友般甚至自己说话的表述方式。

保持简洁

正所谓：大音希声、大象无形。最上乘的设计中，你看不到华而不实的UI修饰，或是用不到的设计元素。换而是，其必须的元素一定是简洁且有意义的。当你想着是否要再界面上加一个心功能或是元素的时候，问问自己，“用户真的需要这些吗?”或者是“为什么用户想要这个小巧的动态图标?”。你是否只是因为出于自我喜好而添加这些元素?记住，永远不要在UI设计中给自己出风头。

不断向前

人们常说，当开发界面的时候，你往往需要失败的快一点，这样就能频繁迭代。当创建UI之时，你总会碰到错误。没关系，只要不断向前，并且要牢记让你的UI简单易用。

产品需求分析

当产品经理给出一个产品的需求，我们首先需要对这个产品进行一个大致的分析，分析这个产品的方向，定义产品的用户群体及特征。

深层次的用户体验研究与分析

这个时候我们就要对已定义的目标用户群体及特征进行深层次的剖析，包括目标用户群体的年龄，性别及目标户群体的一些情感习惯，心理特征等，这样我们就可以有针对的对这个产品构想设计出一个大概的色系搭配及元素控件设计。

初稿设计

这个时候我们就可以把产品经理的原型需求和自己对产品的体验研究分析结合起来设计初稿。(大概的色系搭配，框架布局，元素控件，图标ICON等设计都可以在这一步呈现出来)

视觉规范设计及细节优化设计

初稿设计完成了，产品大概的样子都出来了，接着我们就是要做好视觉规范设计及细节优化设计。视觉规范设计就是要对整个产品的颜色，字体，字号，元素控件，图标ICON，间距及交互效果做个统一的规范，这样才可以做出一个成熟的产品，对前端制作也是有很大的好处的。

跟进前端工程师实现设计效果

设计稿完成了接下来就是前端工程师制作了，这时我们就不要以为我们的工作完成了，我们要继续跟进前端工程师实现还原我们的设计效果，有必要我们可以设计出一份交互图出来，这样便于他们更好的更准确的更快捷的实现我们的设计。

产品体验

当前端制作好页面之后，我们就可以对整个产品做一个线上的体验，界面体验，交互体验，当遇到一些体验不好的地方我们可以直接和产品还有前端工程师进行沟通，共同来商讨解决这些问题。

产品的持续用户体验跟进研究与优化

产品上线之后，我们要持续关注与跟进它，进行一些用户体验数据的收集，对于界面上和交互体验上的一些不是很理想的地方做一个收集，用在下期的改版上。

一、符合人们的认知规律

我们的网站要想更好的吸引客户网站标志设计很是重要，首先这个标志设计一定要符合浏览者的认知规律，如果连浏览者的认知度都不熟悉那不可能赢得人们的支持，并且充分的考虑人们的审美度和审美心理，这些都是吸引浏览者的重要因素。

二、要做到主题突出

网站标志设计原则中不仅仅是为了多一个标志，而是通过这个标志更好的突出网站，让人们更好的认识网站，有效的提升网站的知名度和影响力，所以这个网站标志设计必须与众不同，更有新意，一定要主题突出，通过标志主题能够更好的认识到网站的性质，能够更好的满足需求。

三、一定要引人注目

网站的标志一定程度上体现的是网站知名度和影响力，所以网站的标志一定要引人注目，而如何引人注目成为了更多的设计者备受关注的问题，采用独到的设计理念、新颖的设计手法这些都很是重要，独到效果是能够让更多的浏览者更容易识别、辨认、记忆。

四、突出实用性原则

标志设计不是为了艺术展示，更是通过这个艺术作品来更好的达到应有的社会价值，也就是通过标志能够吸引更多的客户的加入，从而有效的提升网站的知名度和影响力，发展壮大企业实力。

网站标志设计的原则大概就有这些了，在进行设计的时候不妨可以参考这些原则，从而打造出完美的网站标志。

美国光学学会的色度学委员会曾经把颜色定义为:颜色是除了空间的和时间的不均匀性以外的光的一种特性，即光的辐射能刺激视网膜而引起观察者通过视觉而获得的景象。在我国国家标准CG5698-85中，颜色的定义为:色是光作用于人眼球起除外形意外的视觉特性。因此，色彩感觉不仅与物体本来的色彩特性有关，还受时间、空间、外表状态以及该物体的周围环境的影响。颜色分为无色系和有色系。无色系是指黑、白、灰;有色系是指除无色系以外的所有色彩。

1、色彩属性

(1)明度:明度指色彩的明暗程度.是从明到暗的若干排列的灰色，无色系只有明度的特征。(图1)图1

(2)饱和度:是指色彩的鲜明度。根据需要可以调整色彩的鲜明度，突出所要表现的内容。

(3)色相:也叫颜色的光泽，是基本的特征，传递颜色基本基调(图2十二色相图)

2、网页设计中色彩的搭配

(1)色彩的心理表述色彩与人的视觉感受有着密切的关系，色彩有独特的象征意义，代表了人们丰富多彩的心理变化和复杂的情感。

白色具有神圣不能侵犯的性质。给人洁净、纯朴、明快、清净的感觉。在一些高档商品网站设计中白色会被广泛采用。黑色具有庄重、沉稳的特性。给人神秘、深沉、稳重的感受。在高科技和军事网站中多采用黑色。

灰色具有调和的特性，给人平凡、消极、中和、沉寂的感受，所以灰色可以用于任何色调为主的网站中，起到过度的作用。

红色具有温暖、热情、活力、刺激、愤怒的特性，给人热血沸腾、过目不忘、幸福美满、喜庆的感觉，这种色彩多用于政府性网站、婚纱服务类网站。

黄色具有成熟、清醒、高端的特性，给人一种娇贵、收获的感觉，多用于食品类、儿童类网站中。

蓝色具有经典、冷静、清凉、诚实、悠远、永恒，给人冷静的思考氛围，多用于高科技企业网站和一些具有权威性的网站中。

绿色具有平静、柔和、新鲜、青春、活力的特性，给人宁静、安全、健康、平安的感觉，在学校、环保、宣传和健康类网站中被广泛使用。

紫色具有深远、高傲、优雅的特性，给人捉摸不透的神秘感。多用于以女性为主题的网站：配饰、内衣、化妆品等。

(2)色彩法则第一个法则：色彩的鲜明性。

在设计中色彩鲜明，是很容易就能吸引浏览者的注意力。第二个法则:色彩的感染性。选用独特的色彩搭配，会给浏览者留下深刻的印象。第三个法则:色彩的合理性。紧扣主题、不过分夸张，给浏览者统一、和谐的感觉。第四个法则:色彩的延展性。不同的色彩会使浏览者产生不同的想象空间:看到黑色会想到神秘，深沉;看到红色会想到激情、刺激;看到蓝色会想到蓝天，大海;看到绿色会想到生命，健康等等。在网页设计中，选择适合主题的色彩，会给整个网站增加灵气、有血有肉，更加鲜活。