菜单
优设网uisdc.com
优设网 - UISDC
首页
设计文章
热门频道
网址导航
培训课程
教程与灵感
设计工具
关于我们
联系我们
文章投稿
意见反馈
广告商务
会员
开通优设VIP星球
尊享13项VIP特权
持续新增
主题打卡挑战
21天带练！告别无效练习
接私单赚外块
VIP优先接，累计金额超百万
优设私房课免费学
价值178元热销课程
你的私人律师
每月可免费咨询30次
开通VIP
领取更多设计师实用特权
投稿
搜索
您还未登录
登录后即可体验更多功能
立即登录
文章收藏
资源下载
提问答疑
我要投稿
排版布局 话题
首页
设计文章
排版布局
动效
收录27篇文章
组件化设计
收录26篇文章
设计指南
收录29篇文章
设计评审
收录26篇文章
产品体验
收录26篇文章
1 / 4
到第
Go
页
UI
1.8w
第七波！快速提升 UI 设计效果的 6 个小技巧
编者按：在进行 UI 设计的时候，很多小技巧能够恰到好处地提升界面的设计视觉效果、用户体验。这篇来自Mark Andrew 的文章梳理了 6 个实用性很强的 UI 效果提升小技巧，是系列文章的七篇，原文最早发布于 marcandrew.me 。在创建实用、可访问性良好且视觉效果颇为出彩的 UI 界面的时候，我们大多只需要进行有限度的微调，即可达到颇为不错的效果。
2021/07/29
陈子木
ui设计
UI
3.4w
在UI和排版中，让图片快速出彩的10个技巧
编者按：这篇文章来自 UI 设计师 Victor Adeyemo，他将自己走过无数弯路之后总结出来的图片使用技巧梳理成为一篇干货满满的文章，这些技巧可以应用到UI和平面排版当中，往下看看吧：如果你仔细查看如今高质量的 UI 设计，会发现那些优秀的设计背后有很多共通的技术和方法，你可以将它们无缝地运用到自己的 UI 和视觉设计当中，这些方法和技巧能够让你看起来足够专业。这篇文章当中的很多内容来源于我早期设计阶段的挫折和失败。和大家一样，当我看着这些优秀的作品的时候，会像面对着万花筒一样，看到精彩绚丽的...
2021/06/30
陈子木
ui设计
平面
5.0w
这个万金油式的平面技巧，学会了特别出效果！
色条遮盖应该是在排版设计当中最为常用的一个设计技巧之一，它的玩法有很多，可以用来作为承载文本和其他元素的衬底，可以用来装饰，合理的选择样式，色条遮盖能够让简单的版面快速变成出彩而又有趣的设计。在某种意义上，用来遮盖和穿插的色块/色条，就像 Ui 设计当中的 「卡片式设计」一样，是一个近乎「啥都可以往里装」的容器，是一种通用的版式设计元素。上一篇排版小技巧：用超多案例，帮你学会8个容易出效果的「线」设计方法当我们谈及版面的构成的时候，绝大多数的元素都可以清晰的归纳到「点-线-面」这个系统当中，而今天要...
2021-01-06
陈子木
排版布局
平面
3.4w
用超多案例，帮你学会8个容易出效果的「线」设计方法
当我们谈及版面的构成的时候，绝大多数的元素都可以清晰的归纳到「点-线-面」这个系统当中，而今天要聊的「画线分段」这一排版小技巧，毫无疑问是应该归结为「线」这个元素。作为一个基础的核心排版元素，画线分段这一技巧中所涉及主要构成元素是「线」。线的玩法是千变万化的。
2020-12-22
陈子木
排版布局
平面
6.9w
如何学会2021年最流行的字间留空排版？我总结了这8个方法！（附超多案例）
字间留空是近年来非常流行的一种排版设计技巧，这种排版设计方式大多应用于海报、Banner图、H5，同时，在动画设计、视频当中也有相当多的应用。今天，我们来深入梳理总结一下这种排版设计技法。字间留空排版的核心特征在设计的时候，将标题、短句或者单词中间的字间距放大，变为充满呼吸感的留白，借此将文本变成疏松、分散的字符片，化线为面。
2020-12-10
陈子木
字间留空
UI
3.0w
第三波！提升 UI 界面排版的 7 个实用小技巧
编者按：这篇来自 Mark Andrew 的文章梳理了 7 个实用性很强的 UI 效果提升小技巧，这篇文章最早发布于 marcandrew.me，快来看看吧。创建漂亮且足够实用的 UI 需要花费很多时间，并且在这个过程中，需要进行多次修改，这都是正常的。但是我注意到一件事情，就是有很多常见的问题，只需要进行适当的修改，就可以达到相当不错的效果。
2020-10-30
陈子木
UI
神器推荐
2.2w
壹周速读：提升排版的核心知识
排版是设计师的必修课。提升排版的小技巧很多，不过大都依托于核心的知识，清晰的思路，以及大量的练习。练习估计暂时帮不上太多，但是方法和核心知识，这儿还是挺齐全的。
2020-09-14
陈子木
壹周速读
UI
4.4w
5 个提高 UI 界面高级感的排版实用技巧
UI 界面中，排版设计同样重要。如何将至关重要的信息，有效地传递给用户，这是界面本身的职责，而在绝大多数时候，这通常是靠文本来完成。这就是为什么有效的排版对于改善 UI 整体的用户体验如此的重要。
2020-05-20
陈子木
UI排版
平面
2.7w
平面高手是如何用好重复原则的？
用不好重复手法，导致画面枯燥乏味、毫无层次怎么办？用一篇超全面的文章帮你学会如何在设计运用好重复的手法，解决页面版式太乱的问题。
2020-04-14
土拨鼠
平面
平面
2.2w
为什么平面老手喜欢用英文？这4个妙用学起来！
平面作品中一些可有可无的英文究竟起着什么样的作用？如果你也不能向甲方解释出具体原因，本文来告诉你巧用英文的四个作用，帮助你既提高设计档次又成功说服甲方，获得双赢。
2020-02-19
土拨鼠
中英文排版
平面
6.8w
让字体排版更加富有创意的 14 种实用流行方法
创意字体排版既是 2020 年的主要平面设计的趋势，也是一直以来一直在趋势前沿的一个设计门类。对于设计师而言，优秀的创意字体排版一直是热门的设计灵感来源。
2019-12-27
陈子木
字体排版
新视野
21.2w
做图比设计师还快？！这帮饭圈女孩是怎么做到的？
「饭圈女孩」因刻板印象常被认为是只会花痴和脑残的「幼稚物种」。特别是那些近乎疯狂的追星行为，让广大路人唯恐避之不及。但事实上「饭圈」不过是另一种形式的同好社区罢了，任何群体都会有各式各样的人，也就不能用单一的眼光来对其定性。
2019-08-21
AmberDu小白
修图工具
平面
9.6w
排版找不到灵感？送你8个高手常用方法
当你在进行排版设计找不到头绪时，不妨看看这8个高手常用的方法，比逛花瓣网还管用！
2019-08-18
AmberDu小白
平面设计
教程
7.3w
平面小课堂！9种最常见的排版布局分割技巧
9种最常见的排版布局分割里的讲究。一、纵向居中分割页面二 、纵向分割且左侧面积大三、纵向分割且右侧面积大四、横向居中分割页面五、横向分割且上部面积大六、横向分割且下部面积大七、不做分割的全屏式布局八、对四周进行切割的居中布局九、采用倾斜分割布局「让作品更出彩的技巧」《虽然这9种技巧很简单，但是能够让网页迅速出彩》《平面作品太单调？三招提升设计层次感！
2018-10-08
程远
分割技巧
教程
7.2w
布局怎么做到不单调而有层次？来看高手的9个技巧
简单布局怎么做到不单调而有层次？看看设计师 Czékmány Zoltán 的9个技巧。「如何给作品营造层次感」《平面作品太单调？
2018-09-03
程远
图文布局
UI
3.8w
如何提升界面品质感？来看这篇超全面的总结！
一、当前背景今天聊些设计基础部分。设计工作中，我们总会接到不同场景、不同目标用户的业务需求，需要不同风格的设计方案支持，但无论是什么风格的设计，用户都会有一个共同诉求——「品质感」。二、什么是品质感？
2018-06-20
程远
信息层级
平面
2.9w
想让文字更出彩？试试通过切割文本来创造视觉吸引力
对于许多老派的设计而言，字体应该保持字体设计师最初设计出来的样子，觉得不合适的时候选择其他的就好了。不过对更多的设计师而言，能把字体玩儿出花来，也未尝不是一件非常有趣的事情。将字体进行二次修整，通过切割、分解、合成来创造截然不同的效果，能够让它成为更加吸引人的视觉元素。
2018-06-15
陈子木
2018设计趋势
教程
2.8w
我们观察到，2018年网页文本字体的设计趋势有这7种
网站最基本的功能是呈现信息，让用户可以阅读。字体的展示和排版自然也是网页设计师工作的重要内容之一。今天，我们搜集了2018年网页设计领域正在流行的文字排版设计趋势，与你分享。
2018-05-23
陈子木
字体设计
教程
2.5w
设计作品集网站的时候，如何善用超大字体元素
作品集网站本身的作用是用来展示设计作品，这个是目的是不变的。但是在呈现作品的时候，设计师自然是希望作品集中的作品能够足够吸引人，借助特殊的视觉效果，协调或者惊艳的排版，给用户留下深刻的印象，提升网站的用户留存率。当然，并非每种作品集网站都适合使用超大的字体排版，具体情况是需要具体对待的。
2018-05-21
陈子木
作品集网站设计
平面
4.5w
这8个字体设计和排版技巧，是2018年的设计趋势
在2018年的各种设计当中，我们看到了更加大胆的字体排版设计。纤细的字体似乎出现的频率越来越低，而大胆的色彩、锐利的轮廓以及渐变的效果，甚至自定义的细节，都让字体设计越来越多样，精彩绝伦。如果你仔细观察这些年的字体排版设计的变化，会发现每种设计趋势都在逐渐远离原本的扁平化设计，越来越不那么保守。
2018-04-18
陈子木
2018设计趋势
教程
3.4w
UI新手排版入门！最容易上手的6个排版套路
作为UI设计师，如何让界面有规律有节奏地去展示信息内容？今天分享的这6个技巧或许可以帮助到你！一. 亲密原则设计前对内容进行信息分层，属于一个层级分为一组，有关联的内容会离得更近，这样的间距规律还会让我们清晰地区分开每一条信息，不会导致信息干扰。
2017-12-11
程远
UI排版
教程
3.6w
格式塔原理中的接近性原则是如何影响排版设计的？
人脑是一个相当出色的数据处理器，背后所蕴藏的功能非常丰富，直到今天都还没有得到充分的探索。对于需要对用户体验进行设计的设计师而言，了解人的认知能力和背后的机制，对于创建对用户友好的产品，非常有帮助。在诸多认知方式当中，格式塔原理是相当关键的一种，无论是日常生活还是UX设计当中，都是相当常见的一种认知机制。
2017-11-16
陈子木
排版布局
教程
3.8w
这8条走心的建议，帮你设计出更加优秀的排版
排版是设计师同用户沟通的一种方式。在数字产品设计当中，界面的视觉和可读性对于用户体验的影响是极为巨大的。曾经有一位著名的平面设计师曾经说过：“排版设计不仅仅是可见的，而且是可被听见的。
2017-09-05
陈子木
ui设计
教程
3.9w
对比这10个注意事项，你的网页文字排版达标了么？
对于网页而言，视觉信息的传达至关重要。用户通过页面获取信息，文字、图片、图标、按钮、表单等UI元素都承载着不同类型的信息。在这其中，文字的作用尤其巨大。
2017-06-26
陈子木
优秀网页设计
教程
4.4w
专业科班系列！超实用的标题排版小套路
@设计便利店 ：今天不分享那么大的理论，介绍几个简简单单排标题的方法，供大家学习参考。01. 同字号加粗 & 置顶▲ 标题：方正兰亭特黑简体 内文：方正兰亭黑简体标题置于左上顶部，并远离正文，标题加粗，标题字号与正文字号相同。在文字内容很多的情况下，这种设置的好处是让读者有足够呼吸的空间，这种方式的标题设计是比较优雅、克制与内敛的。
2017-05-05
程远
中文排版
UI
3.6w
用一个实战案例，教你学会复杂界面的布局设计
雨涵Zoe：很多产品的信息量很大，又因为各种各样的原因设计师不能对内容进行轻易删减。如果不好好整理信息，会让界面越来越凌乱。我从去年开始做的很多项目都是这种情况，于是总结了一套简单好用，又有理有据的为复杂界面设计布局的方法。
2017-04-11
程远
ui设计
平面
2.4w
想让网页可读性更强？你得善用F式布局
虽然网页排版方式千变万化，但是布局方式通常都遵循着几种常见的规则。在诸多布局方式当中，F式布局是可用性较强，且适用范围较广的一种。今天的文章同你来探讨F式布局在网页中的运用。
2017-04-06
陈子木
排版布局
神器推荐
4.7w
专业科班方法！帮你学会网格工具这个理性的排版利器
@设计便利店：平时在做排版设计的时候是不是经常遇到这种情况？把画面的文字或元素左摆摆，右排排，方向键上下左右微调，眯眼看大效果，全凭感觉调了一两个钟头后，自己都麻木了，判断不了是好是坏，最后导出一张自己感觉貌似还可以的版本。其实，学习网格是可以完全改善这个问题的。
2017-04-04
程远
排版布局
平面
3.3w
专业科班方法！写给视觉设计师的印刷基本知识和技巧
@设计便利店：现在的平面设计师太注重效果图而忽视了落地的效果，由于对印刷工艺，纸张材质的不了解，效果图与实物相去甚远。其实印刷是一件非常有意思的事情，就像是在实验室里做实验，了解不同材料的特性，不断尝试，才能实验出最符合你设计的材质工艺。内容概要1. 印刷文件2. 印刷纸张3. 印刷色彩4. 印刷工艺1. 印刷文件目前PDF是提供客户、印刷厂与同事之间进行沟通最方便的文件格式，在提交给报纸杂志出版商的广告与媒体文件格式也都是以PDF为标准，打印机最终输出的文件也是高分辨率的PDF文件。
2017-02-26
程远
排版布局
平面
2.3w
科班高手的方法！16个简单实用的排版小Tips
@设计便利店 ：我们正处在一场注意力争夺战中。如何利用版式设计抓住用户的注意力呢？商业环境中讲究一个「快」字。
2017-02-24
程远
排版布局
1/4
1
2
3
4
下一页
前往
Go
页
大家都在看
优设大课堂
文章 128
立即查看
版式设计
文章 182
立即查看
用户体验
文章 823
立即查看
职场经验
文章 120
立即查看
设计趋势
文章 201
立即查看
ICON
文章 204
立即查看
ui设计
文章 798
立即查看
UI
文章 142
立即查看
酷站推荐
文章 330
立即查看
优设读报
2022年01月26日 星期三
01
苹果推荐的天气应用 《MyWeather·我的天气》2022 年春节吉祥版登场
02
国际空间站运营至 2030 年，NASA 设计 2030 特别标志
03
国行首款！B 站应用正式上线索尼 PS5 游戏主机
04
苹果公司启动 2022 年 Shot on iPhone 公开赛
05
微博将推出一键开启「防暴模式」
查看全部
Sketch 进阶指南
看过高手的用法，才发现自己完全不懂Sketch......
查看专题
专题
已有120.0w位观众
已收录
27
篇持续更新
简单实用！七步学会用 Sketch 搭建复杂表格
48882 人阅读
轻松10招，教你用Sketch绘制美观可维护的数据图
37451 人阅读
细节
「剪映」还能输入文字自动生成视频？
之前在提到「抖音」的用户下沉时，就感慨过官方为了不会剪视频的用户可以说是操碎了心。发现了「输入文字自动生成视频」的功能之后，笔者更是感到了官方的「保姆」心理。手动输入文字之后，「剪映」可以自动根据文字推荐素材、生成录音、配好字幕BGM，并且获得一个不错的成品视频。
2021/04/23
洛糊糊
剪映
设计话题
全部话题
在小公司平面设计一年多，请问怎么才能整理出自己的作品集？
1.3w 设计师围观了该问题
公司比较小，已经做了一年平面设计了。大家都是怎么整理出自己的作品集的呢？
我来回答
优设琅琊榜
查看全部
1.2w
1/9
活泼酷炫风格多变！绘画是冬言Dongyan的氧气和语言
冬言
年轻人最好不要丧
设计神器
全部神器
字节跳动官方出品的免费图标库，超好用还能自定义修改！
神器推荐
神器一箩筐！交互设计师必备的装机软件大全（Mac系统）
神器推荐
壹周速读：平面版式设计快速提升指南！
神器推荐
免费可商用！100个高质量头像素材打包下载
神器推荐
课程
爆款课程！零基础C4D实战就业班
涨薪指数
技能点 · C4D
涨薪必备
名师亲授
课程
如何快速创作火爆全网的手绘作品？
涨薪指数
技能点 · 手绘插画
私单涨薪
必备技能
课程
插画学到什么程度，才够接私单赚钱？
涨薪指数
技能点 · 手绘插画
接单涨薪
快速入门
课程
为什么阿里和OPPO超爱这类插画风格？
涨薪指数
技能点 · 手绘插画
高效实战
百万人气
求职招聘
发布职位
文案（social方向）
西安
大专及以上
1-3年
5K-10k
3D设计师
西安
大专及以上
1-3年
6k-10k
多媒体设计师
上海
本科及以上
3-5年
15-25k
查看全部
行业新闻
发布行业新闻
微星创造者 Z16，优设推荐设计师创作笔记本
新品推荐
易有料X字绘中国推出新春礼盒，一盒开启真年味
新品推荐
SEE Conf 设计工程化三部曲！探索新环境下「产研协同模式」中的思考与实践
活动赛事
查看全部
热门频道
设计专题
热门设计知识精挑细选
查看专题
细节猎人
1分钟小短文揣摩设计真谛
查看猎人
优设读报
行业资讯一站知晓
查看读报
优设琅琊榜
顶尖设计作品聚集地
查看榜单
行业新闻
行业大事小事全知道
查看新闻
设计话题
高手大咖在线答疑解惑
查看话题
