恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
你不知道的10个UI界面设计细节
0.0°
2020-03-08 自译外文 经验/观点 原作者: Dribbble 举报 1017 3 1 0

今天优时节分享10个提升UI界面的设计细节技巧,在UI界面上提升界面的品质感。

这些技巧可以毫不费力地帮助您改进现在的设计,同时也为你能够快速入门提供了一些实用技巧。

1.保持元素清晰

在设计过程中可以稍微使用一些恰当合适的阴影,来保证当前设计与背景能够清晰可见,但是一定要避免复杂的阴影,这会起到反作用。


2.使用一种字体

在设计一套新的UI界面时候,最好能保持一种字体,这样能够让界面更加轻量化的同时,也能保持和好的品质感。

尽量避免使用2种以上的字体,你可以通过粗细、大小、或者颜色来区分层级!


3.长文内容,使用20pt的字号
对于长篇内容(例如博客文章,说明类),请尝试在文内中选择20pt字号(甚至更大)。

当然,这取决于所选择的字体,但是大多数常用的字体在20pt时效果都很好,同时当面对大量文字时候,这样可为用户带来更好的阅读体验。以前使用的18pt字号体验非常不好。

备注:我们日常使用阅读类APP字号都会偏大一些,就是这个原理。


4.优化导页操作细节

放置底部可以使用户随时跳过您的Mobile App Onboarding登录,如果是放置顶部,用户触摸相对来说比较麻烦。

拇指操作仍然在2020年的一个比较合适位置。

备注:之所以我们看到很多恶心跳过放在右上角而且还那么小,一般广告都是这样的,比如 某音开屏的设计。不过也能理解,毕竟广告能赚钱


5.保持一致的光源

确保您的阴影始终仅来自一个光源。如下图所示,右侧日历投影就存在光源不一致,一些刚开始学设计的小伙伴可能就会忽略这种细节问题!因此一定要注意。


6.通过叠加改善对比度

有时候我们在使用图片作为背景承载前面文字信息时候,图片背景过亮了,因此我们可以稍微叠加一些品牌色渐变暗色来提高文字阅读性!


7.适度使用居中排版

可以尝试在少量一些卡片排版中使用居中对齐排版,对于其他的设计,尽量使用左对齐排版方式!


8.合理的间距系统

在设计排版过程中,确保元素排版有呼吸空间,尽量避免文字多的地方,间距很小,可以用留白来区分层级,切勿乱使用空白。


9.注意对比度

在浅色背景下设计时候,避免使用过浅的文本浅。这样会导致阅读比较累,但是依然还有不少伙伴这样来做,因此我推荐给大家一个数字,比如正文本是#333333,那么第二级文本可以用#888888.


10.减少颜色数量

在界面设计中,为了能让界面看起来比较清晰,品牌调性突出,尽量使用品牌色配合黑白灰来设计界面层级。如下图一个韩国的app设计。


总结

作者向我们介绍10种提高UI界面设计细节的一些方法和思路,大家在设计过程中,可以避免这些坑,可以很好的将其方法利用起来,改善自己的界面设计。


Powered by Froala Editor

更新:2020-03-08

收藏

3人已收藏

优时节

UI设计交流群: 879682303

  • 7

    作品

  • 48

    粉丝

  • 7

    关注

  • iOS&Android设计规范-适配总结
  • 三分钟学会PS剪纸效果
  • 如丝般顺滑!2020最新追波UX设计作品
  • UI布局有那几大元素?看完恍然大悟

    猜你喜欢

      2020-03-08 自译外文 经验/观点 原作者: Dribbble 举报 1017 3 1 0

      你不知道的10个UI界面设计细节

      0.0°

      你确定要举报你不知道的10个UI界面设计细节

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2020年02月13日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      1
      3
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录