菜单
优设网uisdc.com
优设网 - UISDC
首页
设计文章
热门频道
网址导航
培训课程
教程与灵感
设计工具
关于我们
联系我们
文章投稿
意见反馈
广告商务
会员
开通优设VIP星球
尊享12项VIP特权
持续新增
主题直播
每年36场重磅嘉宾主题直播
独家优惠
星球会员可享书籍软硬件最低优惠
优设私房课
大咖出品易学易懂高品质小课
法务咨询
免费咨询版权/劳动相关法律问题
开通VIP
领取更多设计师实用特权
投稿
搜索
您还未登录
登录后即可体验更多功能
立即登录
文章收藏
资源下载
提问答疑
我要投稿
排版技巧 话题
首页
设计文章
排版技巧
设计师进阶
收录27篇文章
adobe
收录26篇文章
设计工具
收录26篇文章
效率
收录24篇文章
灵感
收录26篇文章
UI
1.7w
用实战优化案例，教你举一反三的 UI 排版方法！
某天中午去食堂吃饭时看着菜单陷入了沉思…菜单基本信息如下：很显然我不是来凡尔赛食堂伙食的，我只是突然觉得这个东西特别像之前收到的很多交互/用研铁汁的作品集，甚至述职报告。其实关于 UI 排版的文章挺多的，但是好像都把 UI 排版局限在了小小的格式塔原则里。其实 UI 排版是一个很强大的信息收集与处理分发的过程，它的核心价值并不在于变好看这件事儿。
2021/03/17
土拨鼠
UI排版
平面
1.2w
谈创意之前，先让用户读懂你的设计
如何让用户在短时间内看懂你的设计？来看高手的方法总结，帮助你准确快速地进行信息传达，让用户秒懂你的设计！
2020-05-18
土拨鼠
创意
平面
2.8w
拼贴设计很难？这5个套路了解一下
如何初步掌握拼贴设计？这里有 5 个方法帮你掌握拼贴设计的技法，做出带感的拼贴海报。
2020-05-07
土拨鼠
平面设计
平面
6.2w
有哪些容易上手，而且特别出效果的版式设计技巧？
这 7 个近年来比较流行，且容易上手、容易出效果的排版技巧，设计师快来收藏！
2020-04-28
土拨鼠
对比原则
平面
2.6w
平面设计高手是如何用好对比原则的？
本期文章的重点是分组和对齐原则，也是最能体现文字编排层次感和设计感的两大原则。
2020-04-17
土拨鼠
分组
平面
2.6w
平面高手是如何用好重复原则的？
用不好重复手法，导致画面枯燥乏味、毫无层次怎么办？用一篇超全面的文章帮你学会如何在设计运用好重复的手法，解决页面版式太乱的问题。
2020-04-14
土拨鼠
平面
平面
2.4w
用一篇超全面的文章，帮你掌握对齐原则
文字编排是设计师的必修课之一，如何划分层次、突出重点等，看似简单实则千变万化。今天先用超多案例，帮你掌握经典的对比原则。
2020-04-13
土拨鼠
对比原则
平面
3.1w
教你9个正文编排技巧，从新手进阶优秀设计师
你是否在阅读过程中一次次迷失在文字换行中，导致阅读体验极差？本文为大家提供 9 个正文编排小技巧，分享如何通过合理排版，提升阅读体验的方法，希望对你有所启发。
2020-03-27
土拨鼠
字体排版
平面
4.2w
超实用！9个常用排版设计小技巧系列
本文总结了 9 个排版的小技巧，帮你快速提高版式设计能力。
2020-02-21
土拨鼠
平面设计
平面
2.3w
我这样一步一步教你，咱肯定能把元素排好了！
元素一多，画面就不受控制地凌乱怎么办？本文详细讲解了有关于散乱元素排列的方法，并用一个实战案例帮你加深理解。
2020-02-03
土拨鼠
平面设计
教程
7.8w
网易设计师：做好文字排版的小技巧
网易UEDC – SONG：「细节决定成败」，在设计中也同样如此。一个好的设计作品是由多种元素构成的，有的设计师往往重画面，而忽视了文字的排版。然而文字是最强有力的表现形式，和最有力量的信息内容。
2018-03-28
程远
一致性原则
平面
6.4w
高手的平面课堂！多张图片在版面里的编排方法
@研习设K先生 ：版面里的图片如果多怎么办？本期内容会分享并置手法是如何解决版面中的多图编排。豪斯先生平面课堂系列：《高手的平面课堂！
2018-01-08
程远
平面设计
教程
3.4w
UI新手排版入门！最容易上手的6个排版套路
作为UI设计师，如何让界面有规律有节奏地去展示信息内容？今天分享的这6个技巧或许可以帮助到你！一. 亲密原则设计前对内容进行信息分层，属于一个层级分为一组，有关联的内容会离得更近，这样的间距规律还会让我们清晰地区分开每一条信息，不会导致信息干扰。
2017-12-11
程远
UI排版
平面
25.5w
平面设计中，有哪些简单好用的排版技巧和方法？
@ChiNa_威海_山岩 ：前面的教程中我曾经提到过，我们做的图片基本就是由四个元素（背景、主体、文字、装饰）构成的，而做好一张图的关键也就是如何运用好这些元素，使它们合理并美观地展现在同一张图片内。那么排版我们需要注意哪些方面，又有哪些简单的技巧和方法可以应用呢？当两张图片中应用的构成元素都相同，画布尺寸也相同的情况下，排版的好坏就决定你整张图片的质量了，这就好比两个厨师，同样的食材做同一道菜，味道却可能截然不同。
2016-09-05
程远
排版布局
教程
5.2w
让图片加字变得有格调？这三个方法可以轻松搞定！
想让你的图片一秒变得有逼格？试试在上面加点文字吧！今天@笔戈科技 的兽兽同学分享了几个简单实用的加字方法：隐形线，隐形框和超级放大法，分分钟从《乡村爱情》到荒诞电影海报。
2016-07-25
程远
入门
平面
2.4w
优设专栏！写给新人的中文字体设计基础与编排基础
编者按：本期干货来自优设的@EricJohnWilliams 同学，分享一些基础的中文字体设计/编排知识，全文通俗易懂不晦涩， 充实有料无水分，适合新人入门学习。 「优设四月份人气最高的文章」Top 1：锤子科技设计总监罗子雄的优设专访《优设访谈！锤子科技设计总监罗子雄的全能自学之路》Top 2：11个经典的老牌设计素材网站《实用干货！
2016-05-02
程远
中文排版
教程
5.5w
零基础也能看懂！写给设计师的前端小知识之网页排版（附实战）
Sunny萧萧：本文作为小白入门级，相对基础，是写给现在想了解一点前端知识的设计师同行们，力求通俗易懂幽默风趣。这一章不仅教大家网页排版的基础知识，还以百度艺术百科的网页为例，带大家简单做一遍，学得会更快，来收！往期回顾：《零基础也能看懂！
2016-04-07
程远
web前端
教程
4.0w
素材不够用？来看版式设计高手怎么解决这个难题(附案例)
编者按：做版式设计的同学，经常会遇到客户给的素材不够，信息不够，图太少，今天@南征南征 用工作中的一个实战案例，帮你用版式设计的方法解决这个难题，来收！创作背景：企业画册中行业速览版块，客户在设计中希望把世博会中国馆作为设计的核心，并且希望看到多个角度的变化。这个项目我认为特别适合作为教程出现，帮助年轻设计师在版式变化上能有更多的思路。
2016-03-16
程远
排版布局
教程
4.7w
好学易用有格调！写给大家看的中文排版指南
@洪涵滴滴 ：很遗憾，我们的周围充斥着大量排版丑陋的文章。我国的字体排印与日本、美国等设计强国差距实在太大。我希望能够做些力所能及的小事，让更多人意识到「设计」的价值和其必要性，创造更美好的视觉环境。
2016-01-18
程远
中文排版
教程
4.0w
设计基础功！腾讯高手教你靠谱的布局设定方法
温总：本文不适合采用天才设计（Genius Design）方法的人士。有一种「奇怪的」现象会经常的看到：「很多设计师没有办法清楚的跟其他人解释他们是如何设计的，越细致的地方可能越是如此。比如，这个菜单的宽度为什么是200px？
2015-12-09
程远
ui设计
教程
15.6w
排版宝典！20个设计新手常犯的排版设计误区
很多同学问设哥，为什么别人字体就那么随意放一下就辣么好看，其实排版可有大学问，不是随意放就好看。这就如同配色一样，也有千变万化的学问。相信大家看完Designschool这篇头条热文，一定倍有收获。
2015-10-13
陈子木
字体排版
教程
3.2w
上手可用！提升阅读体验的三个排版设计小技巧
如果你想让你的排版拥有更令人愉悦的阅读体验，其实只需要有针对性地对三个方面进行调整就可以了。这些技巧不仅可以运用于设计领域，哪怕你用在文本文档排版上都能收到奇效！当然，这些方法可能名字看起来稍显复杂，但是理解和使用非常方便。
2015-07-24
陈子木
排版布局
教程
4.3w
青椒姑娘的设计课！从零开始教你学版式设计（六）
@孙青椒- ：第六期：黄金分割与构图法（下）！此篇为黄金分割与构图法的结课篇，依旧有理论有对比有案例分析，保证通俗易懂有料有趣无压力，最后一餐，务必吃饱 >>>第一期：《青椒姑娘的设计课！从零开始教你学版式设计（一）》第二期：《青椒姑娘的设计课！
2015-06-30
程远
排版布局
教程
3.8w
青椒姑娘的设计课！从零开始教你学版式设计（五）
@孙青椒- ：第五期：黄金分割与构图法（中下）！为什么是“中下”呢，因为内容太多。。。但下一期保证结束！
2015-06-12
陈子木
排版布局
教程
5.5w
青椒姑娘的设计课！从零开始教你学版式设计（二）
编者按：这个系列教程的作者@孙青椒- 是一枚德国的平面设计师，现在结合自个多年的设计经验，把许多枯燥无味的版式知识重新嚼碎烹饪，力求让知识变得易于消化，一看就懂。今天是第二期，正式开饭 >>>第一期：《青椒姑娘的设计课！从零开始教你学版式设计（一）》本文为作者授权优设发布，未经作者本人授权请勿转载，谢谢 ：）内容来自博主结合自己的经验和对书籍的理解编撰，具体书目参照内容最后的标注。
2015-06-01
程远
排版布局
平面
6.0w
找不到排版灵感？来看这个平面高手都在用的「文字补丁」排版方法！
大家在学习各种排版风格时，会不会觉得没有头绪？那我们到底应该从哪里开始学起呢？在本期的内容中，我就为大家准备了一款功能与形式感并存的编排技巧，也就是文字补丁风格。
2013-07-28
程远
平面设计
平面
5.8w
版式编排中的王炸技巧！彻底掌握「线」的设计用法
你真的了解线条吗？当你在编排一个版面时，你能够准确的说出自己加线的目的是什么吗？如果你还在为版面中零散的元素而发愁，那么我相信，本期的内容一定会对你有很大帮助。
2013-07-07
土拨鼠
平面设计
平面
3.0w
创意广告中文字是如何运用的？来看平面高手的超多案例演示！
本文从图文关系、标题与正文注意点、文字利用三个方面系统讲解了广告创意文字表现，教你学会文字在广告创作中的 7 种超强表现方式。
2013-05-09
土拨鼠
创意广告
教程
1.2w
你应该知道的设计排版技巧：归类法
许多人在安排版面信息时常常会发生的错误就是，常常误认为版面上的每一项信息都很重要，而每一个信息都摆放在用户很容易阅读到的位置、赋予相同的视觉强度。但其实使用者是无法同时间接收太多各种不同的信息的，在无法为版面上的信息安排其重要性的情况下，最后反而让版面的阅读性大打折扣。以下我们都将在每项信息的「视觉强度」都相同的前提下来、来讨论信息摆放位置跟阅读性的关系。
2013-04-23
Roc 优设
归类法
没有更多文章了
大家都在看
ICON
文章 203
立即查看
ui设计
文章 784
立即查看
PS教程
文章 771
立即查看
神器推荐
文章 290
立即查看
交互设计
文章 660
立即查看
神器下载
文章 129
立即查看
干货
文章 149
立即查看
设计圈干货
文章 188
立即查看
网页设计
文章 931
立即查看
优设读报
2021年12月05日 星期日
01
Office 界面变了！全新 UI 正陆续对所有用户推送，适配 Win11
02
统一码联盟：「笑哭」是 2021 年使用最多的 Emoji 表情符号
03
推特创始人的支付公司改名，并推出动态 Logo
04
PlayStation 迎来 27 周年纪念日，官方发推庆祝
05
苹果 App Store 年度精选放榜，最佳 app 和游戏公布
查看全部
车载设计
特斯拉突破万亿市值前，先收藏这个专题
查看专题
专题
已有26.1w位观众
已收录
10
篇持续更新
汽车UI界面怎么做？来看特斯拉和Apple Carplay等高手的案例！
38249 人阅读
汽车交互专题！全方位解读特斯拉Model 3中控大屏交互布局
43292 人阅读
细节
「飞猪」支持多程机票一键查询，出行购票更轻松
在「飞猪」上购买机票，不仅可以直接搜索单程票与往返票，还可在「多程」模式里选择多个地点进行机票查询。因为有时候我们的行程可能并非局限于两个城市之间，多程购票的功能更能满足出行方案的多样性与个性化定制。方便用户一站式完成所有涉及行程的机票购买，简化了以前多次查询机票的繁琐步骤。
2019-10-09
小白
人性化
设计话题
全部话题
你看哭过的一部电影是什么？
邀请你来回答
初恋这件小事
我来回答
优设琅琊榜
查看全部
9.1k
1/9
来自Justill的色彩实验
Justill
愿你出走半生 归来仍是少年
设计神器
全部神器
掌握这4个小技巧，全网高清图片任意存！
神器推荐
这个摄影师拍了超多好片，现在全都免费可商用！
神器推荐
用 Figma 做产品设计，在线办公6个月是什么体验？
神器推荐
全新理念的Web前端开发神器！AlloyDesigner
神器推荐
课程
爆款课程！零基础C4D实战就业班
涨薪指数
技能点 · C4D
涨薪必备
名师亲授
课程
如何快速创作火爆全网的手绘作品？
涨薪指数
技能点 · 手绘插画
私单涨薪
必备技能
课程
插画学到什么程度，才够接私单赚钱？
涨薪指数
技能点 · 手绘插画
接单涨薪
快速入门
课程
为什么阿里和OPPO超爱这类插画风格？
涨薪指数
技能点 · 手绘插画
高效实战
百万人气
求职招聘
发布职位
多媒体设计师
上海
本科及以上
3-5年
15-25k
UI设计师
北京
学历不限
1-3年
15-25k
优设内容编辑
武汉
本科及以上
1-3年
8-10k
查看全部
行业新闻
发布行业新闻
设计力，改变一切！BenQ 专访著名包装设计师潘虎：保持敏感，保持年轻
新品推荐
2021 广州设计周即将拉开帷幕，ROVNIK 邀你共赏美学展览
活动赛事
IXDC2021 国际体验设计大会正式落下帷幕
活动赛事
查看全部
热门频道
设计专题
热门设计知识精挑细选
查看专题
细节猎人
1分钟小短文揣摩设计真谛
查看猎人
优设读报
行业资讯一站知晓
查看读报
优设琅琊榜
顶尖设计作品聚集地
查看榜单
行业新闻
行业大事小事全知道
查看新闻
设计话题
高手大咖在线答疑解惑
查看话题
