观光车设计方案怎么写[观光车设置依据]
作者:admin日期:2024-04-24 14:23:13浏览:15分类:最新资讯
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
本文章内容与图片均来自网络收集,如有侵权联系删除。
猜你还喜欢
- 05-07 书房设计方案图片[书房设计方案图片大全]
- 05-07 包含设计公司设计方案ppt作品的词条
- 05-07 删除的聊天记录怎么恢复(删除的聊天记录怎么恢复微信苹果) 20240507更新
- 05-07 怎么查看手机的ip地址(怎么查看手机ip地址在哪里) 20240507更新
- 05-07 机械气体设计方案[气动机械设计]
- 05-07 word页眉上有一条线怎么去掉(页眉横线删不掉怎么回事) 20240507更新
- 05-07 新乡喷泉设计方案[新乡喷泉设计方案]
- 05-07 简单pcb设计方案[简单pcb设计方案模板]
- 05-07 怎么把qq空间锁了(如何把空间锁了) 20240507更新
- 05-07 沟通大门设计方案[沟通大门设计方案模板]
- 05-07 爱普生打印机驱动怎么安装(爱普生打印机驱动怎么安装不上) 20240507更新
- 05-07 如何将整个文件夹加密(如何将整个文件夹加密设置) 20240507更新
- 标签列表
- 最近发表
-
- 生物单元设计方案[生物单元设计方案设计意图]
- win7旗舰版升级sp1(win7旗舰版升级sp1补丁) 20240507更新
- 老版office办公软件(office2003老版本下载) 20240507更新
- u盘写保护开关在哪里(u盘为什么突然被写保护) 20240507更新
- qq在线登录直接登录官网(在线登陆平台) 20240507更新
- b站24小时直播间(b站24小时直播间有哪些主播) 20240507更新
- nero刻录软件破解(nero刻录软件免费版) 20240507更新
- wifi正常电脑连不上网(wifi正常电脑连不上网什么原因) 20240507更新
- 书房设计方案图片[书房设计方案图片大全]
- 网页为什么打不开(老福特网页为什么打不开) 20240507更新
- 友情链接