上海海文信息技术有限公司
- 联 系 人:
- 海文
- 联系地址:
- 上海市黄浦区天津路180号应氏大厦16层
- 联系电话:
- 400-156-8880
- 手机:
- 在线咨询:
- 企业网址:
- http://44295.mao35.com/
- 公司网站:
- http://www.hwua.com
- 联系我时,
- 告知来自贸商网
UI设计的设计原则
发布时间:2017-04-06 14:46:10点击:114评论:0字体:T|T
UI设计的设计原则
UI设计(UserInterface界面设计)的设计原则:简易性、一致性、用户习惯、人性化等。遵循UI设计的设计原则,提高平面设计能力,可使得界面更为优雅。在UI设计中可对设计师的平面基础能力迅速检验,下面海文ui培训小编通过一些具体case的设计过程来简单分析。
1.精简与一致性
在某公众号图文消息优化中,我们发现线上旧的图文消息边距较为肥厚,在大图+1小图的情况下由于代码的模块化拼接,始终无法达到完美的像素间距。在考虑多种纯文字、单图、多图文模版拼接后,尽量减少间距规则和字号种类,达到拼接模版的统一规则。保证一致性为前提,也提供灵活拼接的多样性。
大图+1的情况下,定义1条小图的上下间距相等等于一个单位,而不是单个模块中小图距离上方的1/2单位,在+n小图的时候使得两个小图之间的间距相加后等于一个单位(见下图)。
2.操作的轻量化
在某电台app概念设计中,分享功能支持获取歌词并同时拉取专辑封面配图,允许用户上传照片、写下当时的心情或是用语音表达。最初设计时的界面交互框架(左图)默认功能在“写下心情”,“加图片”和“录语音”的功能重要性并列,感受上是个功能强大的分享界面,告诉用户你有三种选择配心情内容的方式。讨论后优化框架(右图),默认拉取专辑封面图,支持上传图片入口置于右上角,默认歌词展示在封面图上可点击编辑,整个页面可视化了最终分享出去的样式,所见即所得。设计优化后,让整个操作有了重点。可以直接在分享预览图上操作,缩短了分享路径,最重要带给用户轻量化的操作感受。
原文地址:http://www.hwua.com/zhishi/7211
- 所在地区:
- 上海
- 联系地址:
- 上海市黄浦区天津路180号应氏大厦16层
- 联 系 人:
- 海文
- 联系电话:
- 400-156-8880
- 传真:
- 联系手机:
下一篇:没有了
风险防范建议:合作之前请先详细阅读本站防骗须知。贸商网保留删除上述展示信息的权利;我们欢迎您举报不实信息,共同建立诚信网上环境。
贸商网 设计制作,未经允许翻录必究。Copyright © 2014-2022 mao35.com, All rights reserved.
以上信息由企业自行提供,信息内容的真实性、准确性和合法性由相关企业负责,贸商网对此不承担任何保证责任。