当前位置:上海海文信息技术有限公司 > 公司新闻 >   UI设计的设计原则

UI设计的设计原则

发布时间:2017-04-06 14:46:10点击:114评论:0字体:T|T

UI设计的设计原则

 

UI设计(UserInterface界面设计)的设计原则:简易性、一致性、用户习惯、人性化等。遵循UI设计的设计原则,提高平面设计能力,可使得界面更为优雅。在UI设计中可对设计师的平面基础能力迅速检验,下面海文ui培训小编通过一些具体case的设计过程来简单分析。

1.精简与一致性

在某公众号图文消息优化中,我们发现线上旧的图文消息边距较为肥厚,在大图+1小图的情况下由于代码的模块化拼接,始终无法达到完美的像素间距。在考虑多种纯文字、单图、多图文模版拼接后,尽量减少间距规则和字号种类,达到拼接模版的统一规则。保证一致性为前提,也提供灵活拼接的多样性。


UI设计的设计原则


大图+1的情况下,定义1条小图的上下间距相等等于一个单位,而不是单个模块中小图距离上方的1/2单位,在+n小图的时候使得两个小图之间的间距相加后等于一个单位(见下图)。


UI设计的设计原则


2.操作的轻量化

在某电台app概念设计中,分享功能支持获取歌词并同时拉取专辑封面配图,允许用户上传照片、写下当时的心情或是用语音表达。最初设计时的界面交互框架(左图)默认功能在“写下心情”,“加图片”和“录语音”的功能重要性并列,感受上是个功能强大的分享界面,告诉用户你有三种选择配心情内容的方式。讨论后优化框架(右图),默认拉取专辑封面图,支持上传图片入口置于右上角,默认歌词展示在封面图上可点击编辑,整个页面可视化了最终分享出去的样式,所见即所得。设计优化后,让整个操作有了重点。可以直接在分享预览图上操作,缩短了分享路径,最重要带给用户轻量化的操作感受。


UI设计的设计原则


原文地址:http://www.hwua.com/zhishi/7211

询价留言(*为必填项)
上海海文信息技术有限公司
所在地区:
上海  
联系地址:
上海市黄浦区天津路180号应氏大厦16层 
联 系 人:
海文
联系电话:
400-156-8880 
传真:
 
联系手机:
 
联系我们时请一定说明是在贸商网上看到的此信息,谢谢!
本页网址:http://44295.mao35.com/news-show-594345.html
推荐关键词:UI设计原则

上一篇:海文甲骨文OAEC:Java语言有哪些优点?

下一篇:没有了

免责声明:该信息由相关发布企业发布,贸商网对此不对信息真伪提供担保。
风险防范建议:合作之前请先详细阅读本站防骗须知。贸商网保留删除上述展示信息的权利;我们欢迎您举报不实信息,共同建立诚信网上环境。

地址:上海市黄浦区天津路180号应氏大厦16层联系电话:400-156-8880  访问统计:21544
贸商网 设计制作,未经允许翻录必究。Copyright © 2014-2022 mao35.com, All rights reserved.    

以上信息由企业自行提供,信息内容的真实性、准确性和合法性由相关企业负责,贸商网对此不承担任何保证责任。