Web设计的设计原则有哪些

作者&投稿:端木伏 (若有异议请与网页底部的电邮联系)
网页设计的基本原则是什么?~

审美原则
好的创意必须具有审美性。一种创意如果不能给浏览者以好的审美感受,就不会产生好的效果。创意的审美原则要求所设计的内容健康、生动、符合人们审美观念。
目标原则

创意自身必须与创意目标相吻合,创意必须能够反映主题、表现主题。网页设计必须具有明确地目标性。网页设计的目的是为了更好的体现网站内容。
系列原则
所谓系列化就是在具有同一设计要素或同一造型、同一风格或同一色彩、同一格局等的基础上进行连续的发展变化,既有重复的变迁,又有渐变的规律。从视觉心理上来说,人们厌弃单调划一的形式,追求变化,连续系列的独特性会令人们耳目一新。系列原则也符合“寓多样于统一之中”这一形式美的基本法则,组成连续系列的每一幅界面虽然是一个独立的单元,但由于整体结构内容的相关性,风格基调的一致性,使网站在变化中求统一,形成多样统一、对比而又和谐的艺术效果。

从多个设计中吸收灵感
设计的基本原则
重点
对比
平衡
对齐
重复

重点:选出重点最有效的做法就是列举页面所有的要素并按照重要性编号,可以重点突出最新的一片文章、表明网站用途的大字号标题或按照从上到下的顺序设置重点内容
对比 :对比起到突出强调的作用,可以有颜色上的对比,排版上的对比(一般来说越往下文本越密集)
平衡:平衡指的是使网页左右两部分的视觉重量相当,实现方式可以通过对称平衡或不对称平衡,对称平衡几乎就是中轴对称图形,非常传统,而不对称平衡,也能够达到视觉重量平衡,但是通过中轴左右双方的不同元素来相互抵销效果来达成,也可以两种方式并用,但只有一个目的,那就是保证网页浏览的视觉稳定性
对齐: 对齐更多地体现了网页要素在视觉上的统一性,可以有多种方式,比如说logo设计与内容设计宽度一致等
重复:重复我们注重将同样的元素以不同的形式表现出来,具体可以通过颜色、形状、线条、字体、图像以及整体的风格等
流:流主要解决人们在浏览网页时候的顺序问题,在浏览过程中,人的视线会本能地分散开来,如果有合适的流来引导用户的话,就能让用户按照既定的一个通道来浏览网页,一般会形成一个回路,让用户感到很舒适

好的设计能够帮助企业提升数据,同时还可以提供用户一个良好的使用体验。GoodUI 总结了一个长达69条设计原则的清单(不断增加中),列举了他们认为非常重要的设计要点。
与以往的一些文章不一样的是这里提到的69点其中有一部分 GoodUI 已经通过 AB Test 验证过可行性。当然分析报告是需要付费的,单篇39美金。

不过今天讨论的重点并不是付费报告,而是这69条设计原则。我按照自己的理解将它们翻译成了中文并配上图片,希望对大家有所帮助。
本篇文章内容及图片均来自于GoodUI,如有翻译不恰当的地方欢迎大家指正。

01 尝试使用一列的布局替代多列布局

02 给用户一些小的利益,别看上去那么赤裸裸

03 合并相似的功能

04 尝试展示来自用户的赞扬,而不是自我表扬

05 重复核心行动点

06 统一视觉规范,提升可识别性

07 尝试使用推荐的口吻,而不是让用户感觉面对一台冷冰冰的机器

08 给用户吃「后悔药」的机会

09 告诉用户产品适用的人群,而不是人人都通用

10 将文案写得更加的直接,而不是一堆废话

11 增强主行动点的视觉冲击力,提升它在页面中的可对比性

12 让用户知道你从哪儿来更易于拉近与用户的关系

13 将表单做的简单点,确保用户在抓狂之前能进入下一步

14 尽量将用户需要选择的信息展示出来而不是藏起来

15 页面的排版需要考虑用户是否会漏掉底部信息

16 如果页面的底部有需要关注的行动点,别让文中过多的外链带走了用户

17 确保用户知道自己目前的状态

18 将利益点融合在行动点中,增强用户的点击欲望

19 将行动点与当前信息结合起来

20 将简要的表单合并到页面中,减少调整页面带来的用户流失

21 适当的增加延迟动效,让用户感知到页面的变化

22 让新用户从尝试产品入手,而不是一来就面对冷冰冰的注册表单

23 减少使用线框,这会过多的吸引用户注意力,而且会让页面看上去透不过气

24 给用户推销你能给他带来的利益,而不是功能

25 一定要注意0结果页面的设计,这也是引导用户的好地方

26 给用户选择退出的权利,特别是邮件订阅

27 注意界面元素的一致性,降低用户学习成本

28 给下拉框增加一些预设值,降低用户填写成本

29 延续用户日常的使用习惯,而不是重新创造

30 尝试告诉用做些事情降低自己的损失,而不是提升收益

31 提升页面的视觉层次,增强可阅读性

32 将同类的操作合并在一起,降低用户的认知成本

33 表单及时校验,而不是统一提交后在告诉用户填错了

34 尝试将表单输入变得更加宽容,让用户的填写更加简单

35 通过时间增强紧迫感

36 提供用户可预见性的操作,降低用户的心理成本

37 尽可能的帮助用户选择,而不是让用户想破脑袋

38 尽可能将操作区域放大,降低用户操作成本

39 页面加载速度很重要,尽可能让用户感受到你的网站速度很快

40 如果可以,增加键盘快捷键,提升操作效率

41 尝试通过对比来让用户感知到性价比

42 尝试对进度条进行「设计」来降低用户等待的焦虑

43 根据用户选择逐步展示信息,降低无效信息对用户的干扰

44 有时候较小的承诺比「夸海口」会更容易让用户信服

45 尝试将提示信息弱化,减少对用户操作的干扰

46 尽量通过系统的功能来简化用户的操作

47 用文本配合图标来降低用户的认知成本

48 用更自然的语言代替冷冰冰的机器

49 放出一些摘要信息来帮助用户识别是否需要进一步了解

50 在关键的页面增加用户权益信息,增强用户进一步操作的信心

51 将价格进行换算,让用户感觉这很便宜

52 记得在成功页面感谢用户

53 将数字转化成易于用户阅读的形式,而不是冷冰冰的机器语言

54 告诉用户选择的权利和自由「诱惑力」

55 尝试让语言更具「诱惑力」

56 通过设计引导用户的注意力

57 通过友好的对比来展示产品,为用户做决定提供帮助

58 通过任务机制来提升用户的满足感

59 让用户了解接下来将要发生什么事情

60 尝试用更幽默一些的语言文案

61 任何操作之后都要给出反馈,让用户知道操作已经生效

62 注意动效的真实使用情况(Amazon 的类目菜单就是一个很好的例子)

63 注意排版的,不要让信息过于拥挤

64 尝试用讲故事的方式来传递信息,增强用户的代入感

65 尽量给用户展示真实的信息,不要欺骗

66 随着用户的不断熟悉简化界面

67 试着用用户的口吻展示信息

68 在表单中增加一些提示信息,减少错误的几率

69 最后,用简单的文案传递核心关注的信息,少一些废话
这69条设计原则虽然针对 Web 设计,但有些部分在移动产品设计中同样有效。
转载自:http://goodui.org/

Web设计的设计原则有哪些
答:原则1: 清晰 清晰是用户界面设计最重要的原则之一,要让用户能够有效地使用你设计的界面以及清楚的知道这个界面是用来做什么的,能产生什么样的交互,解决什么样的问题。清晰意味着能准确表达出信息内容。它有助于防止用户出错,清楚地呈现出重要信息并提供完美的用户体验。原则2: 以用户为中心 在用户界...

web项目中,设计表应该遵循什么原则?
答:在Web项目中,设计表应遵循以下原则:1. 系统状态的可见性:确保用户始终通过易于理解和高度可见的状态通知来了解系统操作。这些状态应在合理的时间内出现在屏幕上。2. 系统与现实世界的匹配:UI设计应反映用户在现实世界中熟悉的语言和概念。信息应以逻辑顺序呈现,并基于用户从现实世界中获得的期望,以减...

Web设计的设计原则有哪些
答:01 尝试使用一列的布局替代多列布局 02 给用户一些小的利益,别看上去那么赤裸裸 03 合并相似的功能 04 尝试展示来自用户的赞扬,而不是自我表扬 05 重复核心行动点 06 统一视觉规范,提升可识别性 07 尝试使用推荐的口吻,而不是让用户感觉面对一台冷冰冰的机器 08 给用户吃「后悔药」的机会 09 ...

web界面设计规范有哪些-UI设计规范:如何构建Web端?
答:4、Web端设计规范之设计原则篇 5、Web端设计规范之组件控件篇 6、Web端设计规范之界面交互篇 7、Web端设计规范之团队输出物篇 logo设计 创造品牌价值 ¥500元起 APP开发 量身定制,源码交付 ¥2000元起 商标注册 一个好品牌从商标开始 ¥1480元起 公司注册 注册公司全程代办 ¥0元起 查 看 更 多 官方...

web项目中,设计表应该遵循什么原则?
答:我认为有这些指导原则:1.系统状态的可见性。应始终通过易于理解和高度可见的状态通知用户系统操作,这些状态在合理的时间内出现在屏幕上。2.系统与现实世界的匹配。设计师应该努力反映用户在UI设计工作中在现实世界中发现的语言和概念。以逻辑顺序呈现信息,并依靠用户从现实世界中获得的期望。这将减少认知...

Web、App中添加动效设计所遵循的12条原则
答:Web、App中添加动效设计所遵循的12条原则 1.缓动 当运动发生时,元素运动速率的变化满足用户的期望.自然界很少有完全线性的运动,没有什么能完美地保持匀速运动.慢动作可以让动作看起来更贴近自然,符合用户认知,满足用户期望.例子:你手机里几乎所有的动态效果都很慢.看起来是不是很舒服很和谐?2.偏移量和...

回顾一下,网站美工需要注意哪些web UI设计原则
答:设计师的眼光要长远,要能从看似无关的学科中学习,比如出版、编程、装订、滑板、消防甚至空手道。 20. 界面的存在必须有所用途 在大多数设计领域,界面设计成功的要素就是有用户使用它。打个比方,一把漂亮的椅子,虽然精美但坐着不舒服,那么用户不会选择使用它,它也就是失败的设计。因此,界面设计不仅仅是设计一个...

web在线设计-如何设计网站——对Web设计的一点总结
答:一、指导原则 第一章:别让我思考---_捎眯缘谝欢_ web设计的终极法则:别让我思考,即看到一个界面应该是_谎远_,_荒苛巳_,_晕医馐_。 强迫我们思考的地方:(1)酷炫的名字或技术名词。(2)看起来不太明显的按钮和链接 当思考时,需要权衡,权衡应该更倾向于“显而易见”,而不行hi需要额外的思考 每个需要思...

网页的设计原则
答:在Web设计中,如果依赖于一些特别的插件,会减少网站的吸引力。如果访问者没有所要求的插件,将不得不到其它站点去下载,这样访问者有可能就不会返回了。39. 使用著名的插件如果网站上有声音或视频,要保证使用者通过使用某个知名的插件,能够听到或看到。许多站点使用QuickTime、RealPlay和 Shockwave插件。因为,许多访问者...

网站设计要遵循哪些原则
答:步骤/方法 一、 明确建立网站的目标和用户需求 Web站点的设计是展现企业形象、介绍产品和服务、体现企业发展战略的重要途径,因此我们必须明确设计站点的目的和用户需求,从而做出切实可行的设计计划。我们会根据消费者的需求、市场的状况、企业自身的情况等进行综合分析,以“消费者(customer)”为中心,而不...