当前位置: 首页 > news >正文

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

关于UI

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

1、UI设计是做什么的?

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

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

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

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

1)、主次不分

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

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

2)、颜色不统一

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

3)、风格不统一

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

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


转载于:https://juejin.im/post/5b6aa3f4e51d45199460360b

相关文章:

  • Numpy数值计算基础
  • MYSQL设置查询内存表大小
  • 聊聊rocketmq的FileAppender
  • JS高级
  • MongoDB4.0构建分布式分片群集
  • (六)Hibernate的二级缓存
  • 用 PreparedStatement 向 SqlServer 中一次性插入多条记录
  • redis的高级特性
  • 新版ExTiX 诞生,基于 Ubuntu 的桌面 Linux 发行
  • 移动端测试===从安卓手机截图到桌面的几行代码
  • redis系列:通过日志案例学习string命令
  • Go 与 Scala
  • 互联网健康教育品牌百诺名医汇获深圳汇投资本3000万元Pre-A轮融资
  • 教你快速入门ES6
  • tranform知多少
  • create-react-app项目添加less配置
  • Java|序列化异常StreamCorruptedException的解决方法
  • 大整数乘法-表格法
  • 分享一份非常强势的Android面试题
  • 机器学习学习笔记一
  • 嵌入式文件系统
  • 设计模式走一遍---观察者模式
  • 思否第一天
  • 通过git安装npm私有模块
  • 携程小程序初体验
  • 最近的计划
  • 通过调用文摘列表API获取文摘
  • (42)STM32——LCD显示屏实验笔记
  • (7)STL算法之交换赋值
  • (Matalb回归预测)PSO-BP粒子群算法优化BP神经网络的多维回归预测
  • (poj1.3.2)1791(构造法模拟)
  • (Redis使用系列) SpringBoot 中对应2.0.x版本的Redis配置 一
  • (二开)Flink 修改源码拓展 SQL 语法
  • (十三)Java springcloud B2B2C o2o多用户商城 springcloud架构 - SSO单点登录之OAuth2.0 根据token获取用户信息(4)...
  • (转)【Hibernate总结系列】使用举例
  • (转)h264中avc和flv数据的解析
  • .bat批处理(二):%0 %1——给批处理脚本传递参数
  • .NET 使用 ILRepack 合并多个程序集(替代 ILMerge),避免引入额外的依赖
  • .NET 药厂业务系统 CPU爆高分析
  • .net(C#)中String.Format如何使用
  • .NetCore项目nginx发布
  • .NET上SQLite的连接
  • .vimrc php,修改home目录下的.vimrc文件,vim配置php高亮显示
  • @ModelAttribute注解使用
  • [ CTF ]【天格】战队WriteUp- 2022年第三届“网鼎杯”网络安全大赛(青龙组)
  • [ 蓝桥杯Web真题 ]-Markdown 文档解析
  • [].shift.call( arguments ) 和 [].slice.call( arguments )
  • [C#]C# winform实现imagecaption图像生成描述图文描述生成
  • [C++]类和对象(中)
  • [CCIE历程]CCIE # 20604
  • [Firefly-Linux] RK3568修改控制台DEBUG为普通串口UART
  • [hdu 2896] 病毒侵袭 [ac自动机][病毒特征码匹配]
  • [IE技巧] IE8中HTTP连接数目的变化
  • [Java性能剖析]Sun JDK基本性能剖析工具介绍
  • [js高手之路] dom常用API【appendChild,insertBefore,removeChild,replaceChild,cloneNode】详解与应用...