作者:admin 日期:2024-04-24 14:23:13 浏览:26 分类:最新资讯
UI设计(User Interface界面设计)的设计原则:简易性、一致性、用户习惯、人性化等。遵循UI设计的设计原则,提高平面设计能力,可使得界面更为优雅。在UI设计中可对设计师的平面基础能力迅速检验,下面通过一些具体case的设计过程来简单分析。
1. 精简与一致性
在手Q公众号图文消息优化中,我们发现线上旧的图文消息边距较为肥厚,在大图+1小图的情况下由于代码的模块化拼接,始终无法达到完美的像素间距。在考虑多种纯文字、单图、多图文模版拼接后,尽量减少间距规则和字号种类,达到拼接模版的统一规则。保证一致性为前提,也提供灵活拼接的多样性。
大图+1的情况下,定义1条小图的上下间距相等等于一个单位,而不是单个模块中小图距离上方的1/2单位,在+n小图的时候使得两个小图之间的间距相加后等于一个单位(见下图)。这个小小的视觉细节在和技术同学耐心联调后是可以完美实现的。
2. 操作的轻量化
在某电台app概念设计中,分享功能支持获取歌词并同时拉取专辑封面配图,允许用户上传照片、写下当时的心情或是用语音表达。最初设计时的界面交互框架(左图)默认功能在“写下心情”,“加图片”和“录语音”的功能重要性并列,感受上是个功能强大的分享界面,告诉用户你有三种选择配心情内容的方式。讨论后优化框架(右图),默认拉取专辑封面图,支持上传图片入口置于右上角,默认歌词展示在封面图上可点击编辑,整个页面可视化了最终分享出去的样式,所见即所得。设计优化后,让整个操作有了重点。可以直接在分享预览图上操作,缩短了分享路径,最重要带给用户轻量化的操作感受。
平面设计灵感注入UI设计
好的UI设计可以让软件变得有个性和品位,同时操作上是简单舒适的。平面设计的灵感,往往可以使得界面设计跳出线框与控件的束缚,充分体现软件的定位和特点,使用过程中变得更有趣味。
1. 更具吸引力的点击
关注一个账号、小站的通常app的做法是:头像加关注按钮。在 V 的频道界面中,点击头像即关注,按下后头像成为星形遮罩,表示已关注,点击操作反馈超乎预期又在情理之中。
2. 更优雅的操作
在手机app上后期处理一张照片时,通常是操作区域和照片分开。Black 的处理照片主界面的操作有趣而直观,再调整曲线或加暗角操作都在图片层上,整个界面的导航也突破了传统控件模块,使得整个app在直观又易操作的基础上,彰显独特的态度和个性。
小结
提升平面设计基础能力,在生活中有意识的观察设计、思考分析、养成视觉洁癖。逛商场,导视系统是否能起到不迷失目的地的作用;地铁广告,重点信息是否能瞬间吸引过客的注意力; POS机打出的各种小票,怎么在方寸之地合理安排信息;阅读电子书,字号行距是否适合长时间阅读。如果自己设计将会做出怎样的改变。
身边有许多传统平面设计师,苦恼于怎么转行做UI设计师(或许国内互联网行业平均薪水高些),初级UI设计师往往忽视平面设计最基础能力。传统平面设计是提高用户审美水平的担当;UI设计师肩负着让用户更轻松学会智慧生活的重任。用心思考设计,并无跨界一说。
深圳云和数据是云和数据旗下高端泛IT教育品牌;主要开设课程有UI总监班、HTML5专家班等课程,学员就业率和平均薪资在同行业内均处领先水平。
课程设置紧跟时代“前端”发展和“后端”需要。采用小班教学,金牌讲师面授辅导,采用沉浸式的教学模式,8+2的学习模式,学员毕业即拥有1-2年工作经验,贴近企业需求,保证高薪就业!
加QQ:3114770179
微信搜索公众号加关注:深圳云和数据(iyunhedata)|惊喜不断
地址:深圳市龙华新区龙华街道办创业路汇海广场 B23(03-08)
在线价格查询:深圳云和数据培训价格查询
原文转载深圳云和数据官网:https://www.iyunhe.com/news/20161206447.html
https://www.iyunhe.com/ui/20161206448.html
https://www.iyunhe.com/html5/20161206449.html
本文章内容与图片均来自网络收集,如有侵权联系删除。