菜单优设网 - UISDC

会员

开通优设VIP星球

尊享12项VIP特权持续新增

主题直播

每年36场重磅嘉宾主题直播

独家优惠

星球会员可享书籍软硬件最低优惠

优设私房课

大咖出品易学易懂高品质小课

法务咨询

免费咨询版权/劳动相关法律问题

开通VIP

领取更多设计师实用特权

投稿

界面间距话题

首页
设计文章
界面间距

UI 3.3w

总监说 UI 不高级？试试资深设计师都在用的「间距设计法」

编者按：这篇文章出自 UI 设计师 Tess Gadd 之手，这篇文章结合她本身的设计经验，完整梳理了她关于 UI 当中「间距」的理解和关键的知识点，并且提供了丰富的延伸阅读。对于我们而言，了解一名 UI 设计师，最好的方法就是看他是怎么使用间距的。配色、字体、排版、图像通常在品牌设计指南当中，有非常具体的指引，但是间距的使用才更能考验设计师的技能。

2021/10/20

陈子木

UI 3.5w

设计稿怎么改都觉得很乱？那是你还没学会调间距！

笔者最近在参与组件库的设计工作中，发现了一个很有趣的现象：诸多设计师都会以8像素为基数设立间距规范，将其运用在界面和元素中去。这引发了我的思考：有时精心设计的作品看着却乱乱的，究其原因其实是字体、图形等元素的间距没有设定合理的规范。间距在设计中极容易被遗漏，但又是不可缺少的基础部分。

2018-11-07

程远

UI 2.9w

8年资深设计师：间距不会调？掌握这一个点，从此不再迷茫！

之前一直觉得色彩，图形，字体是 UI设计的三大构成，任何设计都是从这三大元素开始的，所有的 UI设计都是由这些构成的，但是却忽略了界面中空间的运用，也就是我们常说的间距。今天我想分享下几年前从 Google 的 Material Design 以及 8 pt grid 中学到的关于间距相关的教程，这篇分享有助于我们处理好界面间距一致性问题，让设计更加统一，同时定义规范里面的原子设计方法，能完美融合。间距无处不在，界面中的边距，距离上边，左边，右边，顶部等各种属性。

2018-07-27

程远

没有更多文章了

大家都在看

ICON

文章 203

优设大课堂

文章 127

ui设计

文章 783

素材下载

文章 119

设计理论

文章 128

设计规范

文章 188

经验分享

文章 4889

版式设计

文章 182

设计史

文章 130

热门频道

设计专题

热门设计知识精挑细选

细节猎人

1分钟小短文揣摩设计真谛

优设读报

行业资讯一站知晓

优设琅琊榜

顶尖设计作品聚集地

行业新闻

行业大事小事全知道

设计话题

高手大咖在线答疑解惑

热门频道

设计灵感

支持与服务

优设微博

@
优秀网页设计
380W粉丝！每日更新设计干货
@
优设
强烈推荐！优设官方品牌微博
@
优优教程网
官方微博，海量教程看不完
@
优设基础训练营
零基础入门，带你成为软件高手
官方群
优设官方微信群
01优设25+设计师交流群
02优设30+设计师交流群
03优设求职招聘群
04优设同城交友群
05优设私单群
06优设学生交流群

07优设UI设计师交流群
08优设插画师交流群
09优设平面品牌设计师交流群
10优设3D设计师交流群
11优优教程自学团
12优设VIP知识星球交流群
微信扫码添加管理员招财

微信号：uisdc123

严格审核打造高质量交流群

进群会有面试题谢绝打广告
优设微信

每天官微五分钟

一年萌新变大神

扫码关注

1000W

优设新媒体矩阵等你来关注