菜单优设网 - UISDC

会员

开通优设VIP星球

尊享13项VIP特权持续新增

主题打卡挑战

21天带练！告别无效练习

接私单赚外块

VIP优先接，累计金额超百万

优设私房课免费学

价值178元热销课程

你的私人律师

每月可免费咨询30次

开通VIP

领取更多设计师实用特权

投稿

排版技巧话题

首页
设计文章
排版技巧

平面 3.0w

让设计感暴增！8个画册标题的排版技巧

标题排版在画册设计中具有关键作用，今天来分享8个画册标题排版技巧。

2022/06/07

葱爷

UI 2.1w

用实战优化案例，教你举一反三的 UI 排版方法！

某天中午去食堂吃饭时看着菜单陷入了沉思…菜单基本信息如下：很显然我不是来凡尔赛食堂伙食的，我只是突然觉得这个东西特别像之前收到的很多交互/用研铁汁的作品集，甚至述职报告。其实关于 UI 排版的文章挺多的，但是好像都把 UI 排版局限在了小小的格式塔原则里。其实 UI 排版是一个很强大的信息收集与处理分发的过程，它的核心价值并不在于变好看这件事儿。

2021-03-17

土拨鼠

平面 1.3w

谈创意之前，先让用户读懂你的设计

如何让用户在短时间内看懂你的设计？来看高手的方法总结，帮助你准确快速地进行信息传达，让用户秒懂你的设计！

2020-05-18

土拨鼠

平面 3.3w

拼贴设计很难？这5个套路了解一下

如何初步掌握拼贴设计？这里有 5 个方法帮你掌握拼贴设计的技法，做出带感的拼贴海报。

2020-05-07

土拨鼠

平面 6.7w

有哪些容易上手，而且特别出效果的版式设计技巧？

这 7 个近年来比较流行，且容易上手、容易出效果的排版技巧，设计师快来收藏！

2020-04-28

土拨鼠

平面 3.0w

平面设计高手是如何用好对比原则的？

本期文章的重点是分组和对齐原则，也是最能体现文字编排层次感和设计感的两大原则。

2020-04-17

土拨鼠

平面 2.9w

平面高手是如何用好重复原则的？

用不好重复手法，导致画面枯燥乏味、毫无层次怎么办？用一篇超全面的文章帮你学会如何在设计运用好重复的手法，解决页面版式太乱的问题。

2020-04-14

土拨鼠

平面 2.8w

用一篇超全面的文章，帮你掌握对齐原则

文字编排是设计师的必修课之一，如何划分层次、突出重点等，看似简单实则千变万化。今天先用超多案例，帮你掌握经典的对比原则。

2020-04-13

土拨鼠

平面 3.5w

教你9个正文编排技巧，从新手进阶优秀设计师

你是否在阅读过程中一次次迷失在文字换行中，导致阅读体验极差？本文为大家提供 9 个正文编排小技巧，分享如何通过合理排版，提升阅读体验的方法，希望对你有所启发。

2020-03-27

邓海贝

平面 4.7w

超实用！9个常用排版设计小技巧系列

本文总结了 9 个排版的小技巧，帮你快速提高版式设计能力。

2020-02-21

土拨鼠

平面 2.6w

我这样一步一步教你，咱肯定能把元素排好了！

元素一多，画面就不受控制地凌乱怎么办？本文详细讲解了有关于散乱元素排列的方法，并用一个实战案例帮你加深理解。

2020-02-03

土拨鼠

教程 8.5w

网易设计师：做好文字排版的小技巧

网易UEDC – SONG：「细节决定成败」，在设计中也同样如此。一个好的设计作品是由多种元素构成的，有的设计师往往重画面，而忽视了文字的排版。然而文字是最强有力的表现形式，和最有力量的信息内容。

2018-03-28

程远

一致性原则

平面 6.8w

高手的平面课堂！多张图片在版面里的编排方法

@研习设K先生：版面里的图片如果多怎么办？本期内容会分享并置手法是如何解决版面中的多图编排。豪斯先生平面课堂系列：《高手的平面课堂！

2018-01-08

程远

教程 3.6w

UI新手排版入门！最容易上手的6个排版套路

作为UI设计师，如何让界面有规律有节奏地去展示信息内容？今天分享的这6个技巧或许可以帮助到你！一. 亲密原则设计前对内容进行信息分层，属于一个层级分为一组，有关联的内容会离得更近，这样的间距规律还会让我们清晰地区分开每一条信息，不会导致信息干扰。

2017-12-11

程远

平面 26.9w

平面设计中，有哪些简单好用的排版技巧和方法？

@ChiNa_威海_山岩：前面的教程中我曾经提到过，我们做的图片基本就是由四个元素（背景、主体、文字、装饰）构成的，而做好一张图的关键也就是如何运用好这些元素，使它们合理并美观地展现在同一张图片内。那么排版我们需要注意哪些方面，又有哪些简单的技巧和方法可以应用呢？当两张图片中应用的构成元素都相同，画布尺寸也相同的情况下，排版的好坏就决定你整张图片的质量了，这就好比两个厨师，同样的食材做同一道菜，味道却可能截然不同。

2016-09-05

程远

教程 5.5w

让图片加字变得有格调？这三个方法可以轻松搞定！

想让你的图片一秒变得有逼格？试试在上面加点文字吧！今天@笔戈科技的兽兽同学分享了几个简单实用的加字方法：隐形线，隐形框和超级放大法，分分钟从《乡村爱情》到荒诞电影海报。

2016-07-25

程远

平面 2.6w

优设专栏！写给新人的中文字体设计基础与编排基础

编者按：本期干货来自优设的@EricJohnWilliams 同学，分享一些基础的中文字体设计/编排知识，全文通俗易懂不晦涩，充实有料无水分，适合新人入门学习。「优设四月份人气最高的文章」Top 1：锤子科技设计总监罗子雄的优设专访《优设访谈！锤子科技设计总监罗子雄的全能自学之路》Top 2：11个经典的老牌设计素材网站《实用干货！

2016-05-02

程远

教程 5.8w

零基础也能看懂！写给设计师的前端小知识之网页排版（附实战）

Sunny萧萧：本文作为小白入门级，相对基础，是写给现在想了解一点前端知识的设计师同行们，力求通俗易懂幽默风趣。这一章不仅教大家网页排版的基础知识，还以百度艺术百科的网页为例，带大家简单做一遍，学得会更快，来收！往期回顾：《零基础也能看懂！

2016-04-07

程远

教程 4.4w

素材不够用？来看版式设计高手怎么解决这个难题(附案例)

编者按：做版式设计的同学，经常会遇到客户给的素材不够，信息不够，图太少，今天@南征南征用工作中的一个实战案例，帮你用版式设计的方法解决这个难题，来收！创作背景：企业画册中行业速览版块，客户在设计中希望把世博会中国馆作为设计的核心，并且希望看到多个角度的变化。这个项目我认为特别适合作为教程出现，帮助年轻设计师在版式变化上能有更多的思路。

2016-03-16

程远

教程 5.1w

好学易用有格调！写给大家看的中文排版指南

@洪涵滴滴：很遗憾，我们的周围充斥着大量排版丑陋的文章。我国的字体排印与日本、美国等设计强国差距实在太大。我希望能够做些力所能及的小事，让更多人意识到「设计」的价值和其必要性，创造更美好的视觉环境。

2016-01-18

程远

教程 4.3w

设计基础功！腾讯高手教你靠谱的布局设定方法

温总：本文不适合采用天才设计（Genius Design）方法的人士。有一种「奇怪的」现象会经常的看到：「很多设计师没有办法清楚的跟其他人解释他们是如何设计的，越细致的地方可能越是如此。比如，这个菜单的宽度为什么是200px？

2015-12-09

程远

教程 16.1w

排版宝典！20个设计新手常犯的排版设计误区

很多同学问设哥，为什么别人字体就那么随意放一下就辣么好看，其实排版可有大学问，不是随意放就好看。这就如同配色一样，也有千变万化的学问。相信大家看完Designschool这篇头条热文，一定倍有收获。

2015-10-13

陈子木

教程 3.5w

上手可用！提升阅读体验的三个排版设计小技巧

如果你想让你的排版拥有更令人愉悦的阅读体验，其实只需要有针对性地对三个方面进行调整就可以了。这些技巧不仅可以运用于设计领域，哪怕你用在文本文档排版上都能收到奇效！当然，这些方法可能名字看起来稍显复杂，但是理解和使用非常方便。

2015-07-24

陈子木

教程 4.5w

青椒姑娘的设计课！从零开始教你学版式设计（六）

@孙青椒- ：第六期：黄金分割与构图法（下）！此篇为黄金分割与构图法的结课篇，依旧有理论有对比有案例分析，保证通俗易懂有料有趣无压力，最后一餐，务必吃饱 >>>第一期：《青椒姑娘的设计课！从零开始教你学版式设计（一）》第二期：《青椒姑娘的设计课！

2015-06-30

程远

教程 3.9w

青椒姑娘的设计课！从零开始教你学版式设计（五）

@孙青椒- ：第五期：黄金分割与构图法（中下）！为什么是“中下”呢，因为内容太多。。。但下一期保证结束！

2015-06-12

陈子木

教程 5.7w

青椒姑娘的设计课！从零开始教你学版式设计（二）

编者按：这个系列教程的作者@孙青椒- 是一枚德国的平面设计师，现在结合自个多年的设计经验，把许多枯燥无味的版式知识重新嚼碎烹饪，力求让知识变得易于消化，一看就懂。今天是第二期，正式开饭 >>>第一期：《青椒姑娘的设计课！从零开始教你学版式设计（一）》本文为作者授权优设发布，未经作者本人授权请勿转载，谢谢：）内容来自博主结合自己的经验和对书籍的理解编撰，具体书目参照内容最后的标注。

2015-06-01

程远

平面 6.4w

找不到排版灵感？来看这个平面高手都在用的「文字补丁」排版方法！

大家在学习各种排版风格时，会不会觉得没有头绪？那我们到底应该从哪里开始学起呢？在本期的内容中，我就为大家准备了一款功能与形式感并存的编排技巧，也就是文字补丁风格。

2013-07-28

程远

平面 6.1w

版式编排中的王炸技巧！彻底掌握「线」的设计用法

你真的了解线条吗？当你在编排一个版面时，你能够准确的说出自己加线的目的是什么吗？如果你还在为版面中零散的元素而发愁，那么我相信，本期的内容一定会对你有很大帮助。

2013-07-07

土拨鼠

平面 3.4w

创意广告中文字是如何运用的？来看平面高手的超多案例演示！

本文从图文关系、标题与正文注意点、文字利用三个方面系统讲解了广告创意文字表现，教你学会文字在广告创作中的 7 种超强表现方式。

2013-05-09

土拨鼠

教程 1.3w

你应该知道的设计排版技巧：归类法

许多人在安排版面信息时常常会发生的错误就是，常常误认为版面上的每一项信息都很重要，而每一个信息都摆放在用户很容易阅读到的位置、赋予相同的视觉强度。但其实使用者是无法同时间接收太多各种不同的信息的，在无法为版面上的信息安排其重要性的情况下，最后反而让版面的阅读性大打折扣。以下我们都将在每项信息的「视觉强度」都相同的前提下来、来讨论信息摆放位置跟阅读性的关系。

2013-04-23

Roc

没有更多文章了

大家都在看

字体设计

文章 349

酷站

文章 642

交互设计

文章 738

App设计

文章 262

设计师干货

文章 218

设计理论

文章 129

B端设计

文章 152

优设大课堂

文章 132

设计流程

文章 148

热门频道

设计专题

热门设计知识精挑细选

细节猎人

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

优设读报

行业资讯一站知晓

优设琅琊榜

顶尖设计作品聚集地

行业新闻

行业大事小事全知道

设计问答

高手大咖在线答疑解惑

热门频道

设计灵感

支持与服务

优设微博

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

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

微信号：uisdc411

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

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

每天官微五分钟

一年萌新变大神

扫码关注

1000W

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