一文看懂设计四大基本原则

交付Sketch/XD/PS/Figma/Axure设计稿

原型设计工具,高效易用

UI设计工具,更懂中国设计师

轻松定制规范,高效管理资源

桌面端原型设计软件

内网专用版,高安全性

哈喽,小摹来了~

每每问起设计四大基本原则,无论是蜚荣全球的业内大咖还是初出茅庐的张三李四,都会不约而同地告诉你一个答案:亲密性、对齐、重复、对比。

自罗宾·威廉姆斯于《写给大家看的设计书》中提出后,四大基本原则涵盖了品牌、电商、包装、UI等诸多领域,成为众多设计从业者必须掌握的设计原则。

今天,小摹将和大家聊聊设计四大基本原则的基本定义以及它在日常生活中的广泛应用,希望对每位正在昂首向前的设计师都有一定帮助。

代表设计:海报

活动海报、展览海报和电影海报普遍遵循亲密性原则,尽管只是由“背景图+文本”组成的一张高清页面,但设计手法非常考究,主要内容和辅助内容紧密依赖,形成一个非常集中的视觉区域,从而凸显关键信息。

对齐:页面上的任意元素需要与页面上的其他元素存在一定的空间参照关系,而非是无规律地分布。

代表设计:书籍

书籍可谓将对齐的美学发挥到极致,密密麻麻的文字经过对齐和翻页处理后,呈现出科学的秩序与体验的和谐,即使手捧数万字的名著,翻阅时也不会眼花缭乱,倍感沉重。常用的对齐方式为:左对齐、居中对齐、右对齐,我们可以根据实际情况选取所需的对齐方式。

刚入行的设计师需要注意一个细节——处理较为复杂的页面时,部分元素之间的物理位置可能会非常遥远,这个时候可以巧妙地使用“分割线”、“图标”、“符号”等辅助元素将不同的对齐进行视觉上的串联,从而让整体的设计更加饱满,富有张力。

重复:页面上的某一个重要元素反复多次出现,增加了页面整体的条理性和统一性。

代表设计:信息类APP

小摹在使用摹客RP做原型设计时,就经常重复使用“图片+矩形+文本”进行卡片式设计搭建界面,不仅大幅度提升了工作效率,而且稍微增加一些投影,还能使重复的内容更有层次感,可谓事倍功半。

对比:页面上的某一个元素的非常重要,需要特别突出,通过增加该元素的差异,从而吸引眼球。

代表设计:促销网站

“对比”旨在强调元素之间的差异,避免元素过于相似而显得页面平庸无奇,致使用户完全不知道主次之差,从而对内容失去兴趣,在各类促销活动中应用非常广泛。

设计师常用“大小、粗细、颜色、层级、光影”的方法进行设计对比,确保重点元素清晰,从而提升用户的点击转化率。

每一件优秀设计作品中,我们都能看到四大基本原则的应用,这些设计原则并不是完全独立的,而是相互关联,有机结合的,灵活应用四大基本原则能帮助我们更加科学地搭建页面、排版布局,从而提升设计稿的整体层次,避免观众滋生审美疲劳。

设计师被指手画脚,改的死去活来,头昏脑胀?产品经理面对客户和开发双重不认可,交流困难两头堵?开发面临中途需求变更,某一功能点摇摆不定?每一个高质量设计的背后都有一个团队,他们共同制定战略、计划、草图,创建、审查和测试该设计。在设计方面,每个人的参与都很重要,这使得协作工具成为必不可少的东西。还有些设计师单独或作为小型设计团队网上外包接活,而这种远程工作可能会闭门造车,最终设计和甲方想要的相去甚远。...

身为一位产品经理或设计师,原型设计工具是必不可少的工作伙伴。但我们难免会遇到预算有限的时候,这时候,去哪里寻找一款好用的免费原型设计工具呢?以下,小编为大家精心挑选了7款免费的原型工具,并对其进行了简单的介绍以供参考!1.摹客RP免费方式:永久免费功能特色:摹客RP全新的主辅画板模式,可以灵活创建不同的交互效果。支持多人同时在线编辑同一项目,共同完成APP原型设计。自带钢笔工具、铅笔工具、布尔运...

THE END
1.图标设计应该遵循哪些基本原则?我总结了这几点!图标设计应该遵循哪些基本原则?我总结了这几点! 创建图标时我们会考虑图标的构成、粗细、颜色,会精确到每一个像素,这样能让图标看起来更精致。 其实不仅要掌握这些设计技法,更要关注设计的基本原则。掌握图标设计的基本原则,技法才能更好的实施出来。 Clippp的第52篇文章分享...https://www.jianshu.com/p/ef87cb7f23f2
2.动作游戏新手期流程设计将玩家与项目的各自诉求结合,可得新手期效果的预期目标。我们要做的是设计出尽可能满足以上所有诉求的新手期体验。 2.设计思路 我们将以上所有诉求逐条分析,结合我参与过的月流过亿项目的经验,可以整理出设计动作游戏新手期的基本原则。 (1)【主动出击】有预期的战斗;非打断式引导;拒绝被动体验。 https://www.gameres.com/867658.html
3.统一的图标设计原则有哪些移动开发平台mPaaS(mPaaS)图标是图形界面中的重要组成部分,具有高度浓缩并快速传达、便于记忆的特性。为让用户能更容易辨识图标信息且达成图标设计的一致性,mPaaS 小程序提供统一风格的图标设计原则。 设计原则 需形状鲜明,将信息化繁为简;采用几何形状、设计对称的图标来进行设计。 系统图标设计原则 广泛使用圆角,避免突兀和锯齿感。以放大 36...https://help.aliyun.com/document_detail/67469.html
4.设计师应该掌握的设计细节在界面设计中,界面能否准确的将信息传达给用户,让用户在使用产品的过程中对信息的接受比较快速,所以界面的信息呈现的清晰度是设计师必备的能力,也是基础能力,我们通过细节处的把控,让设计助力用户对界面信息的理解,也许我们下的心思用户可能不会注意,但是它确确实实起到了作用,关于提升用户的阅读效率,我们可以从以下几...https://www.51zxw.net/TechArticleDetails.aspx?id=206
1.最新图标设计趋势与特点概述新闻摘要:最新风格的图标设计趋势与特点体现在简洁、抽象、扁平化、动态和个性化等方面。设计师们追求极简主义,以简洁的线条和形状表达图标含义,同时注重抽象表现,引发观众联想。扁平化设计成为主流,色彩鲜明、对比强烈。动态图标和...http://www.czshengmei.cn/post/11756.html
2.轻松绘制Icon图标,提升新媒体视觉效果在深入探讨如何绘制Icon之前,我想先和大家聊聊Icon的基础知识。Icon,即图标,是界面中用于表示功能、文件、程序或命令等视觉元素的图形符号。它们虽小,却承载着巨大的信息量,是用户与界面交互的重要桥梁。 1、Icon的设计原则 设计Icon时,应遵循简洁明了、易于识别、色彩搭配和谐等原则。简洁的线条和形状,能让Icon在众多...https://www.batmanit.cn/blog/k/52326.html
3.进行图标设计必须要遵循的原则有哪些频道宣传一套好的图标,要有统一的风格,这条原则,很多设计师都明白,但是真正实现起来,也许并不那么容易。怎么做呢? 好了,以上就是图标设计应该要遵循的原则,相信通过上述的文章内容,您对于图标设计已经有了更为深入的了解。一品威客网上汇聚了专业的图标设计人才,如果您有任何的需求,也可以前往一品威客网寻求帮助。https://www.epwk.com/meijie/179043.html
4.人力资源管理(补充版)呈旭chx(五)薪酬管理(补偿激励和收益;员工激励最有效的手段之一):薪酬体系设计 (六)员工关系管理:实现企业与员工的共赢。 两大辅助条件:职业生涯规划;员工(关系)流动管理。 一,人力资源规划: (一)人力资源:1.含义:能够推动国民经济和社会发展的,具有智力劳动和体力劳动能力的人们的总和,包括数量和质量两个方面。 https://www.shangyexinzhi.com/article/5675303.html
5.如何确保以'J'为灵感的LOGO设计在视觉上吸引人?有哪些技巧?字母...本文将由一品威客小编为您介绍关于如何确保以字母'J'为灵感的LOGO设计在视觉上吸引人,并分享一些实用的技巧,希望能够帮助大家在设计过程中创造出既美观又具有吸引力的LOGO。字母'J'作为设计元素,具有独特的形状和潜力,通过巧妙的设计,可以打造出引人注目的品牌标识。以下是确保以'J'为灵感的LOGO设计在视觉上吸引人的...https://www.163.com/dy/article/JIG7KEPI0534RYOU.html
6.网页多图标设计原则遵循网站建设 > 主题内容 > 网页多图标设计原则遵循网页多图标设计原则遵循 您好,您查找的“网页多图标设计原则遵循”问题,目前没有相关的答案,您可以通过下面查看是否有与“网页多图标设计原则遵循”相关内容!也可以扫描二维码添加微信了解相关内容。 相关前20条内容:...https://www.gzit.cn/theme/898294.html
7.界面设计论文赏析八篇手机交互界面是智能手机操作的主要平台,而其中的图标设计是手机交互界面设计中最直观和重要的组成部分。交互界面图标设计是技术与美学互相结合的一个领域。清晰、易懂并具有良好用户体验的界面图标,能提高用户的使用效率以及愉悦感,也是提高用户对产品认知的虚拟化媒介。分析了图标的设计要素及其应用。在充分考虑用户体验的...https://hljkjxx.fabiao.com/haowen/16474.html
8.UI图标设计的基本原则有哪些用户界面(UI)图标设计在应用程序或网站的可用性和用户体验中扮演着至关重要的角色。一个优秀的设计师需要了解并遵循一些基本原则来创建引人入胜且符合用户期望的图标。那么,UI图标设计的基本原则有哪些呢? 一、简洁性 简洁性是UI图标设计的核心原则之一。用户界面中的图标应该简洁明了,避免过于复杂或繁琐的设计。简洁...https://www.pxwy.cn/news-id-80511.html
9.10大APP图标设计的原则,设计师必看!在设计APP图标时,一个重要的app图标设计的原则是要确保图标具有独特而易识别的形状和图案。这是因为用户通常会在手机屏幕上看到许多不同的图标,所以一个独特的图标可以帮助用户快速识别并区分出不同的应用程序。以下是一些设计师可以采用的方法来实现这一原则: ...https://pixso.cn/designskills/principles-of-app-icon-design/
10.产品设计和选择应该遵循的原则是什么产品设计绝对不是简单的拼合与排列,任何产品的设计都是基于目标用户的体验而设定的,目的就是为了解决用户的需求,并提供更高的价值。所以说产品的设计是通过阐明、明确、修饰,使之庄严有说服性。那产品设计和选择应该遵循的原则到底是什么呢?小编调查了多位设计师,大家说法各有不同,但是大体上可以总结为四点:清晰、...https://www.hxsd.com/content/21686/
11.搞懂这7个图标设计原则,你就能像专业图标设计师一样编者按:设计原则总是看起来简单抽象不言自明的,但是在细分的设计领域,这些原则其实有着各自不同适用情况,有着「特定的条件」。图标设计,就是如此。今天的这篇文章,来自专业的图标设计师 Helena Zhang,她结合自己制作 Phosphor 系列图标的经验,来分享她对于图标设计原则的理解。 https://www.uisdc.com/7-principles-of-icon-design/
12.策划方案的活动流程(精选5篇)(教师、师傅、就业指导师)团队、职业素养教育等引进课程――即“四大进入”;“五化转换的模式”强调项目任务模块化、模块内容流程化、项目案例情景化、情景模拟任务化、任务考核企业化;“八步教学法”指每项任务的完成都分为真实项目引导(受单)、现场企业考察(资讯)、学习小组研讨(决策计划)、小组分工设计(实施)、...https://www.1mishu.com/haowen/169610.html
13.用户界面设计原则用户界面是负责管理与用户之间的交互,向用户显示数据,从用户处获得数据,解释由用户操作所引发的事件,并帮助用户查看任务的进度。本文详细介绍了用户界面设计的原则。 用户界面是负责管理与用户之间的交互,向用户显示数据,从用户处获得数据,解释由用户操作所引发的事件,并帮助用户查看任务的进度。 https://www.51cto.com/article/266392.html
14.202403设计每日一贴专注优秀UI设计与软件开发设计方法则是为了实现设计目标,依托设计策略,遵循设计原则的具体的执行方法,它是设计过程中具体实践的重要环节,将抽象的指导策略具象化的行为方式。 设计方则侧重于行为和方式,能够被清晰准确的落地执行,得出关键结论并产出具象化方案。方法通常是通过实践形成的经验总结沉淀,具有较强的实践指导意义,可以帮助在设计过程中...http://www.lanlanwork.com/blog/?record=202403&page=3
15.《界面设计》复习资料A.研发B.讨论C.美术部分D.开发【注释】:第二章2.1.3 第34页 全局观中说明了交互设计师需要全程参与产品的讨论。 3.交互指的是产品与它的使用者之间的互动过程,而交互设计师则是秉承以用户为中心的设计理念,以()为原则,对交互过程进行研究并展开设计的工作人员。 A.个人体验度B.用户体验度C.老板体验度D....https://www.wjx.cn/xz/260641939.aspx
16.公交线网规划的基本原则车友交流#新能源汽车购车指南蔚来ET5以独树一帜的设计造型与理念,让许多人第一眼不禁“一见即倾心”,从设计心理学的角度而言,有些消费者会觉得简约=高档,蔚来设计的每一款产品,都遵循了四大设计原则——Pure(纯粹)、Human(有温度)、Sophisticated(精致)和Progressive(未来感)”保持了足够的克制。这一代车型给我三个直接的...https://www.dongchedi.com/tag/ugc/13581836