首页
课程
优势
师资
校区
评价
问答
环境
初学UI设计如何把界面设计的精致
229人已阅读
2020-04-07 21:12:52
导读
初学UI设计如何把界面设计的精致?我们在做界面设计时候,会经常忽略一些细节,这就导致界面无品质感或者缺少点什么?但是自己也说不上来,因此今天分享一篇国外设计师对UI设计中10个细节详细拆解,帮助你提高
天津兔课网教育
5分
1个校区
1985人咨询
进入官方主页
课
平面设计
UI设计
电商美工
广告设计
新闻详情
2020-04-07 21:12:52
初学UI设计如何把界面设计的精致
机构简介:
初学UI设计如何把界面设计的精致?我们在做界面设计时候,会经常忽略一些细节,这就导致界面无品质感或者缺少点什么?但是自己也说不上来,因此今天分享一篇国外设计师对UI设计中10个细节详细拆解,帮助你提高界面设计细节,在本文中,兔课菌整理了一些小技巧,这些技巧可以毫不费力地帮助您改进现在的设计,同时也为你能够快速入门提供了一些实用技巧。
初学UI设计如何把界面设计的精致
1.保持元素清晰
在设计过程中可以稍微使用一些恰当合适的阴影,来*当前设计与背景能够清晰可见,但是一定要避免复杂的阴影,这会起到反作用。
初学UI设计如何把界面设计的精致
2.使用一种字体
在设计一套新的UI界面时候,*能保持一种字体,这样能够让界面更加轻量化的同时,也能保持和好的品质感。
尽量避免使用2种以上的字体,你可以通过粗细、大小、或者颜色来区分层级!
初学UI设计如何把界面设计的精致
3.长文内容,使用20pt的字号
对于长篇内容(例如博客文章,说明类),请尝试在文内中选择20pt字号(甚至更大)。
当然,这取决于所选择的字体,但是大多数常用的字体在20pt时效果都很好,同时当面对大量文字时候,这样可为用户带来更好的阅读体验。以前使用的18pt字号体验非常不好。
备注:我们日常使用阅读类APP字号都会偏大一些,就是这个原理。
初学UI设计如何把界面设计的精致
4.优化导页操作细节
放置底部可以使用户随时跳过您的Mobile App Onboarding登录,如果是放置顶部,用户触摸相对来说比较麻烦。
拇指操作仍然在2020年的一个比较合适位置。
备注:之所以我们看到很多恶心跳过放在右上角而且还那么小,一般广告都是这样的,比如某音开屏的设计。不过也能理解,毕竟广告能赚钱
初学UI设计如何把界面设计的精致
5.保持一致的光源
确保您的阴影始终仅来自一个光源。如下图所示,右侧日历投影就存在光源不一致,一些刚开始学设计的小伙伴可能就会忽略这种细节问题!因此一定要注意。
初学UI设计如何把界面设计的精致
6.通过叠加改善对比度
有时候我们在使用图片作为背景承载前面文字信息时候,图片背景过亮了,因此我们可以稍微叠加一些品牌色渐变暗色来提高文字阅读性!
初学UI设计如何把界面设计的精致
7.适度使用居中排版
可以尝试在少量一些卡片排版中使用居中对齐排版,对于其他的设计,尽量使用左对齐排版方式!
初学UI设计如何把界面设计的精致
8.合理的间距系统
在设计排版过程中,确保元素排版有呼吸空间,尽量避免文字多的地方,间距很小,可以用留白来区分层级,切勿乱使用空白。
初学UI设计如何把界面设计的精致
9.注意对比度
在浅色背景下设计时候,避免使用过浅的文本浅。这样会导致阅读比较累,但是依然还有不少伙伴这样来做,因此我推荐给大家一个数字,比如正文本是#333333,那么第二级文本可以用#888888.
初学UI设计如何把界面设计的精致
10.减少颜色数量
在界面设计中,为了能让界面看起来比较清晰,品牌调性突出,尽量使用品牌色配合黑白灰来设计界面层级。如下图一个韩国的app设计。
初学UI设计如何把界面设计的精致
总结
兔课菌向大家介绍10种提高UI界面设计细节的一些方法和思路,大家在设计过程中,可以避免这些坑,可以很好的将其方法利用起来,改善自己的界面设计。
上一篇:
ui设计师需要学习什么,可以自*吗?
下一篇:
如何快速提升设计技巧!这9大窍门少不了!
相关文章
平面设计构图明暗关系怎么处理
2020-04-07
如何快速提升设计技巧!这9大窍门少不了!
2020-04-07
初学UI设计如何把界面设计的精致
2020-04-07
ui设计师需要学习什么,可以自*吗?
2020-04-07
新手UI设计师需要会什么,才可以找到*
2020-04-07
学广告平面设计怎么样
2020-04-06
平面设计师主要有以下几个发展方向
2020-04-06
平面设计师职业规划
2020-04-06
兔课网——初学平面设计如何制作水波纹效果?
2020-04-06
中国手机的UI设计处于什么样的水平?,UI设计界面培训哪个机构比较好?
2020-04-06
UI设计可以自学吗?,目前UI交互设计常用的软件有哪些?UI处理软件有哪些?
2020-04-06
推荐课程
UI设计培训课程
人气:238
UI设计实战培训课程
人气:409
天津UI/UE高级设计师培训
人气:3289
UI设计培训
人气:284
APP设计学习
人气:310
GUI设计学习
人气:266
查看全部课程
天津兔课网教育
线上咨询
查看全部校区
进入官方主页