相关分类
photoshop教程
Illustrator教程
CorelDraw教程
painter教程
Indesign教程
UI设计教程
sketch教程
设计理论
飞特网 顶部通栏广告

如何设计精致的UI界面-排版篇

鑫鑫设计发布于:2019-10-13 22:57 |原作者: 设计TNT|
鑫鑫设计
澳门特别行政区 澳门特别行政区 平面设计师
发私信 + 关注
简介: 这篇文章给大家介绍UI设计的七大排版思路,也希望能给有想要提升排版能力的设计师带来一些帮助与启发!


a和b那个更吸引你?答案是a. 因为a类型排版看起来很大,更具有吸引力

如何设计精致的UI界面-排版篇 飞特网 设计理论

如何设计精致的UI界面-排版篇 飞特网 设计理论

上面案例中算是大小方法上运用比较好的,我们可以看出视觉层次非常清晰了 ,首先我能快速知道哪些重要信息,肯定是封面图,接着左上角logo,然后就是导航和标题了,最后就是针对每个内容块的一些详细文案解释。

如何设计精致的UI界面-排版篇 飞特网 设计理论

简单示例,重要的信息一定要大,次级信息弱化。

论颜色的重要性

如何设计精致的UI界面-排版篇 飞特网 设计理论

颜色在排版设计中起着很大的作用,能起到点睛之笔,又或者为画面带来活力,又或者代表着品牌,当然我们在UI界面中字体颜色一定要慎用,因为不同颜色含义是不同的。合理恰当运用颜色, 能够瞬间提升设计品质感。

如何设计精致的UI界面-排版篇 飞特网 设计理论

上面这个web设计中,设计师通过红色来强调重要信息,同时也让灰白的画面有了些许不同之处。

如何设计精致的UI界面-排版篇 飞特网 设计理论

对某些文本使用辅助颜色,例如链接文本,图1 使用方式正确。图2将颜色大量使用在正文,严重影响视觉体验

如何设计精致的UI界面-排版篇 飞特网 设计理论

上面两图都在恰当时候使用颜色,比如打开开关按钮,又或者输入文本高亮显示等,右侧只有在选择文本阶段,使用颜色提示

如何设计精致的UI界面-排版篇 飞特网 设计理论

避免像图2那样使用对比度低的颜色

18

好评
13

差评

刚表态过的朋友 (31 人)

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

鑫鑫设计
澳门特别行政区 澳门特别行政区 平面设计师
+关注 发私信

最新评论

您需要登录后才可以评论和提交作业 登录 | 立即注册
本周热点文章
2020 新飞特 从心开始
关于飞特| 广告服务| 付款方式| 版权申明| 网站地图| 联系我们| 加入我们| 举报| 帮助中心| 移动版| 手机版| 飞特网

委托设计