Loading [MathJax]/jax/output/CommonHTML/config.js
前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >UI初学者的弯路,你走过几条?

UI初学者的弯路,你走过几条?

作者头像
宇相
发布于 2018-08-06 01:59:23
发布于 2018-08-06 01:59:23
2620
举报
文章被收录于专栏:理论坞理论坞

对于初学UI设计的人而言,可能对UI具体是做什么,或者自己是否能顺利转行胜任这样的岗位存在一定的顾虑,今天我们就来重点说说UI是做什么的,以及学UI到有哪些需要避免的弯路。

一、UI设计是做什么的?

《百度百科》中对UI设计作了这样的定义:“UI即User Interface(用户界面)的简称,UI设计是指对软件的人机交互、操作逻辑、界面美观的整体设计。”

我们一般所说的UI设计多指UI视觉设计,主要负责APP、Web、H5等页面的色彩、布局、icon、字体方面的设计工作。但随着互联网的不断发展,纯视觉的工作已经开始日益减少。

行业要求UI设计师也要懂点交互设计和产品方面的知识,即懂用户体验设计(User experience),国内称UE,国外叫UX(全栈设计师甚至要懂代码)。UI设计最后产出物是高保真视觉稿+页面标注+切图。

二、UI设计中有哪些弯路?

1主次不分

这种错误就是一眼看过去,根本就不知道眼睛应该停留在哪,每处内容都做了很多效果,每处内容都想突出,每处都很抢眼。或者每处都很单调,色彩都一样,分不出区别等情况。这样就会不自然的削弱了浏览者对人物的关注,典型的喧宾夺主。

所以设计师在做之前,就要想清楚,什么内容最重要最希望让浏览者看到,什么内容次要一点,什么内容次次要,然后通过位置,大小,虚实,颜色等方式去强调主要的,削弱次要的内容,让画面形成一个有序的整体。

2颜色不统一

夜店会采用暗色调紫色灯光,给人以暧昧的感觉。酒店用暖色调的地毯跟窗帘,让人有温馨的感觉。一个悲剧的电影往往会把色调处理的很灰暗,使人压抑。同样一副好的画面也一定要有个统一的色调,这样才能营造出某种气氛。

3风格不统一

每个画面都应该有个统一的风格,就好比军人,选拔的时候对身高,年龄,文化层次都有个统一标准,到了部队大家统一着装,统一步调,这样才有战斗力。如果不同身份的人临时组合在一起,那就是支杂牌军,真正打仗的时候是会不战而退的。

如果在同一个画面里面选用6种以上的字体,且每种字体风格都不一致,这样完全具备了洗吹剪的气质,大大降低了品牌的品质。同时风格不一致,也造成了阅读的困难,当画面内容很多,但又杂乱无章的时候,浏览者往往会放弃阅读。

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2017-03-28,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 设计谜 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
了解这些知识点,扁平化UI设计轻松搞定
在当今信息爆炸的文化背景下,人们每天要通过过手机APP接触巨大的信息流,然后再持续的进行评估、过滤并且再加工,具有认知上的负担,扁平化UI设计更加适合信息碎片化的传递方式。
用户5009027
2019/09/03
1K0
了解这些知识点,扁平化UI设计轻松搞定
UX与UI设计的区别是什么?看这一篇就够了!
在产品开发和用户体验设计领域,UX(用户体验)与UI(用户界面)设计是两个常被提及的概念,其本质都是在解决产品的用户问题,但在实际的工作场景中,它们代表着不同的设计方向与职责。
奔跑的小鹿
2023/08/11
10.2K0
UX与UI设计的区别是什么?看这一篇就够了!
2020年最值得关注的10个UI设计趋势
这篇文章来自 UI 设计师 Diana Malewicz,她在日常工作中会非常注意 UI设计的流行趋势,而这篇总结就是她梳理总结的10个小趋势。它们更多的是偏向 UI 视觉方面,并不涉及到体验和交互。
用户1730674
2020/06/17
5550
漂亮很重要!UI设计师必备的7种色彩搭配方案
合理运用色彩是每个设计师都应必须具备的技能,特别是插画师和UI设计师。色彩理论知识的重要性也变得愈加明显!
用户5009027
2019/08/08
1.8K0
漂亮很重要!UI设计师必备的7种色彩搭配方案
十种UI设计常用字体特效,让你的设计高大上!【萧蕊冰】
今天这篇文章是教你十种UI设计常用字体特效,让你设计出更高逼格的作品。对于我们UI设计师来说,在日常的设计中,给字体增加特效,一直都是一件比较烦人的事。有的老板或客户提出的浮雕特效或阴影,有的时候按他们的要求设计可能会毁了整个作品。更多时候,我们都需要根据整体设计来确定字体使用什么样的特效。今天我们就来讲UI设计常用字体特效,请往下看。
萧蕊冰
2020/06/29
9400
电商设计中的极简设计
电子商务经过了几年的发展已经逐渐成熟,并且已经发展出了自己的模式和风格。但是对于电商的设计风格大多数人还停留在最初的用商品堆砌+文字信息+各种乱七八糟的效果。而这两年各个电商公司已经非常重视设计了,而且设计风格也逐步走向简洁乃至极简的风格。这种变化是随着电商的不断发展,更加重视产品的品质而进化的。
宇相
2018/08/06
1.2K0
电商设计中的极简设计
【配色指南】UI设计中使用明亮色彩的利与弊,你知多少?
以下内容由Mockplus团队翻译整理,仅供学习交流,Mockplus是更快更简单的原型设计工具。
奔跑的小鹿
2022/01/11
5130
如何构建UI组件设计规范?
以下内容由摹客团队翻译整理,仅供学习交流,摹客设计系统是国内独家设计规范制作平台。
奔跑的小鹿
2018/08/20
1.3K0
如何构建UI组件设计规范?
ui设计层次是什么?怎么正确使用?【萧蕊冰】
哈喽大家好~今天萧蕊冰分享的是有关UI设计层次的内容,主要是偏向于视觉层次的介绍。为了清晰的向用户展现UI中的内容,我们就用了一个方法来展现,这就是UI设计层次,你的设计有层次,才能让用户清晰你的界面内容,提高用户体验感。要想了解更多接着往下看吧。
萧蕊冰
2020/06/23
9560
APP视觉风格的水下冰川—总被人忽略的“配图”
小心了!后面全是图!流量党请慎重考虑! 从2015年开始,各大APP开始越来越少在升级新版本之后使用tutorial图(介绍、教育用户新版本的新功能),似乎产品经理们都意识到看tutorial图的寥寥无几,反而会让用户觉得很鸡肋体验差,而同时在appstore的中放置的APP截图也越来越趋向返璞归真,很少使用扁平式的插画来介绍功能,这使原本曾经在UI设计师们之间经常比拼的配图能力,似乎不那么被大家重视了。同时,也越来越多的UI设计师开始出现了找工作难的情况,一方面这当然是因为去年至今年整体互联网资金收紧,但是另一方面,也看到了公司的管理者们越来越轻视UI设计师存在的必要性了——因为似乎他们的作品都很相似,并没有那么多个性。
進无尽
2018/09/12
5520
APP视觉风格的水下冰川—总被人忽略的“配图”
为什么大家都爱极简主义设计
简约并不意味着原始,这是两个截然不同的概念。而极简主义设计种大量的留白也并不等同于空。
宇相
2018/08/06
7380
为什么大家都爱极简主义设计
成为优秀UI设计师,必须了解的UI设计规范
今天带来的这些规范,可是成为优秀UI设计师必须知道的“纯干货”,还能让大家深刻了解UI设计规范(https://ds.mockplus.cn)的本质是什么。
奔跑的小鹿
2018/08/27
9560
成为优秀UI设计师,必须了解的UI设计规范
超实用!手把手教你从头构建UI设计系统
以下内容由摹客团队翻译整理,仅供学习交流。摹客Mockplus是快速的原型设计工具。摹客iDoc是高效的在线协作设计平台。
奔跑的小鹿
2020/02/03
1.3K0
超实用!手把手教你从头构建UI设计系统
UI设计师急需掌握的平面设计基础
曾看到网上一些帖子讨论UI设计师和平面设计师的差异,总结为思维方式的不同: UI设计师考虑用户习惯和易用体验,平面设计师专注于更具吸引力的信息传达。两者侧重不同但专业上有非常大的交集,信息传达的核心基础技能其实都是相通的。平面设计是如何表达一个事物,而UI设计是如何让用户更好使用一个事物,表达层面令人费解则卡在了使用的第一步。UI论坛有人吐槽:“不要用平面设计思维做UI”,然而许多UI设计师往往缺少平面设计最基本的意识。 常见的平面设计基础问题 平面设计的基础设计理论包括: 色彩构成、平面构成、字体设计、图
腾讯ISUX
2018/06/29
9010
简单易学!快速改善UI视觉体验的7个小技巧
静电说:很多时候,我们可以把UI设计简化为版式设计,也可以这么说,如果你掌握了版式设计的技巧,那么UI设计水平必然不会太差。所以,对于初阶UI设计师来说,版式设计必须做到八十甚至九十分的水准,才能算合格。而版式设计不涉及太多图形要素,大部分是文字大小,排列,对齐,颜色等等的设计。相对来说会好学不少,上手难度也不太高,因此,各位千万要重视版式设计的重要性。那么就来看看作者Omar Chelbat的一些小技巧吧!
用户5009027
2019/06/03
5280
建议前端开发者学习下色彩心理学,提升用户体验
用户体验和色彩心理学对前端开发有着重要的影响。人们与数字产品的第一个接触点是前端设计,它塑造了人们的感知和参与度。前端开发人员可以通过了解色彩心理学,做出有针对性的色彩选择,以吸引目标受众并创造所需的情感。这种方法可以产生视觉上吸引人且用户友好的界面,提高整体用户体验,鼓励积极互动,增加用户满意度和留存率。通过无缝地融合色彩心理学和前端开发,数字体验可以转化为具有持久印象的沉浸式旅程。
前端达人
2023/10/25
3850
建议前端开发者学习下色彩心理学,提升用户体验
移动端UI一致性解决方案
外卖UI一致性项目是外卖UI设计团队与研发团队共建的项目,目的是改善用户端体验的一致性,提升多技术方案间组件的通用性和复用率,降低整体视觉改版带来的研发成本。外卖技术团队通过在实践中不断总结经验,开发了一套完整的UI一致性解决方案,目前已经取得了一些成果,本文系实践经验分享。
美团技术团队
2020/12/14
1.2K0
移动端UI一致性解决方案
巧用渐变色打造精致移动端APP
渐变色是指某个物体的颜色从明到暗,或由深转浅,或是从一个色彩缓慢过渡到另一个色彩,充满变幻无穷的神秘浪漫气息的颜色。在扁平化设计刚刚兴起时,渐变是设计师们避之不及的设计手法。然而自从Instagram把经典的宝丽来相机logo更改为色彩鲜亮的扁平化图标以来,渐变色逐渐回归到了人们的视野之中,也逐渐成为了近年来移动APP设计的主要风潮之一。 渐变色兴起的原因在于扁平化风格极其容易造成同质性,设计师如果需要追求视觉丰富度的设计语言,多数会运用插画设计和动效设计让自己的设计脱颖而出,但是这些技巧短时间内难以快
奔跑的小鹿
2018/03/16
2.3K0
巧用渐变色打造精致移动端APP
创建华丽 UI 的 7条规则 第一部分 (2019年更新)
这可能是关于 UI 设计最重要又容易被忽视一个内容:光来自天空。 光线来自天空,从上往上,以至于从下往上的光让人看起来很怪异。
前端小智@大迁世界
2019/03/15
1.3K0
创建华丽 UI 的 7条规则 第一部分 (2019年更新)
超全面总结!2017年UI设计领域流行过这21个设计趋势
1、功能性极简主义 不少移动端APP和网站开始基于极简主义设计风来设计,而极简主义本身并非关注所有的信息,而是通过减少非关键信息来突出特定的内容,它是有着极强的功能性和偏向的。它有着如下的特征: 简
前朝楚水
2018/04/04
8590
超全面总结!2017年UI设计领域流行过这21个设计趋势
推荐阅读
相关推荐
了解这些知识点,扁平化UI设计轻松搞定
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档