菜单优设网 - UISDC

会员

开通优设VIP星球

尊享12项VIP特权持续新增

主题直播

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

独家优惠

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

优设私房课

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

法务咨询

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

开通VIP

领取更多设计师实用特权

投稿

版式布局话题

首页
设计文章
版式布局

UI 2.4w

用一篇5000+的干货，帮你了解常用的Web产品设计布局

本文通过带你了解和对比常用的布局方式，帮你学会选择适合自身产品的布局实现方式。

2021/05/07

酷家乐UED

教程 3.0w

每个设计项目都需要遵循的版式设计3原则

每个设计项目都需要遵循的版式设计3原则。一、直观性技巧一：图文互补技巧二：利用信息图二、易读性技巧一：疏密有致的文字排版技巧二：清晰连贯的视线流三、美观性技巧一：注重留白的使用技巧二：结合色彩心理学欢迎关注「优秀网页设计」公众号：「排版设计小技巧」《牢记这9个排版设计要点，领导都无话可说了》《想让设计更有秩序？来看这 9 种常见的小方法！

2018-10-04

程远

教程 3.9w

超全面！用户界面设计中的「版式设计」全方位指南

@孔雅轩LineVision ：一篇较为系统与全面的版式讲解，从规范化的布局形式到平面构成在用户界面设计中的应用与体现。欢迎关注作者的微信公众号：「线点研究所」图片素材作者：Adama Mbengue「打造优质界面的实用技巧」《如何选择UI 界面布局样式？来看丁香园设计师的总结！

2018-09-11

程远

UI 8.6w

超全面总结！黄金分割在界面设计中的应用

最近跟一线大厂设计师交流，他们给我的反馈是做设计的时候不单单只是视觉上的美感，更需要方法论来支撑，这样才更具有说服力。黄金分割大家应该早有耳闻，作为一名设计师，怎么来利用黄金分割线使其构图更加完美呢？说实话，构图时是否使用黄金分割线构图并不是绝对的，它只是方法之一。

2018-06-27

程远

网页 9.4w

如何做好 Banner设计？我总结了这4类基础知识

前段时间一直在做运营类设计，banner 在其中占了较大比重，为此就想写一篇阶段性总结。其中部分观点参考了相关视频教程和文章，设计新手一枚，如有不足还请大家海涵。banner 由以下五部分组成：版式，字体，颜色，背景，点缀。

2018-06-19

程远

教程 5.1w

内部教程！超详细的支付宝设计规范之版式篇

支付宝设计规范往期回顾：《内部教程！超详细的支付宝设计规范之图形图案篇》《内部教程！超详细的支付宝设计规范之配色篇》《内部教程！

2018-04-11

程远

产品设计规范

平面 4.8w

为什么你始终做不好视觉设计？

@Martin-K ：很多朋友只是知道视觉设计，但不清楚视觉设计到底是做什么的，本文立足于视觉设计的角度归纳总结了一些观点，希望对你有帮助。欢迎关注作者的微信公众号：「一六创艺」「视觉设计好文」《设计风格虽然多，学会高手这两招就行！》《平面设计中如何留给别人最好的第一印象？

2018-03-25

程远

教程 4.0w

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

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

2016-03-16

程远

酷站推荐 6.5w

看网站学排版！17个文字排版优秀的国外网站设计

网站首页第一屏的排版非常重要，很多时候能决定用户的去与留，特别是目前的扁平化网站，对图文排版要求较高，因为没有花哨的质感特效，重点以展示内容为主。今天为大家分享一系列图文排版不错的国外设计网站，也许会给你带来不同的排版灵感。对于下面这些例子，除了排版不错外，重点可以看看字体风格的选用，同样是值得我们思考学习的。

2016-03-10

程远

教程 3.2w

不怕没灵感了！SALE 招牌的9种排版设计方法归纳（附案例）

即使是一块小小的SALE 招牌设计其实也有很多种玩法呢，今天@TTTing1 （京东用户体验设计部）这篇文章总结了9种常见的设计手法，每一个都附上优秀案例，看完也许对Banner 排版设计能有所启发哦。小婷姐的电商系列好文：《新人手册！聊聊关于电商设计的那些事儿》《前辈经验！

2016-03-07

程远

教程 4.0w

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

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

2015-12-09

程远

教程 12.8w

最佳比例的秘密！教你如何在设计中充分运用黄金比例

吉萨金字塔、蒙娜丽莎、Twitter和百事可乐有什么共同点？答案很简单，它们的设计都遵循了黄金比例。作为一个常见的数学比例，黄金比例实际上是从自然界中总结并发现的，用于设计中的时候能赋予作品更多的设计美感，赏心悦目。

2015-11-08

陈子木

教程 4.3w

色盲设计师的自白！平面设计师如何提高自己的设计水平？

Colorblindy：这篇文章就是想告诉您，您本该是艺术家，为何要把自己变成操作员。聊得不仅是设计技法，也是一位色盲设计师对商业平面设计的思考。本文为作者授权优设发布，未经作者本人授权请勿转载，谢谢：）我看到多数类似问题的答案，都是和商业相关联的，这或许也是中国平面艺术无法得到质的改变的原因之一。

2015-08-21

程远

教程 3.2w

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

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

2015-07-24

陈子木

教程 4.3w

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

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

2015-06-30

程远

教程 3.8w

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

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

2015-06-12

陈子木

教程 3.2w

基础小科普！聊聊界面中常用的对齐形式

@Micu设计：对齐与间距，无非左右上下的关系，怎样才能让符合用户的视觉感知呢？芸芸众生，红尘滚滚，有幸让他（她）瞄上一眼，留下个“很舒服”的第一印象，非常重要 >>>小哥的教程合集：《90后小哥教你做UI！如何搞定界面设计之构图篇》《90后小哥教你做UI！

2015-06-07

程远

教程 4.5w

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

@孙青椒- ：上节课后很多同学表示已被黄金分割搞疯，没关系，今天咱们不讲数学，也不画图纸，就来学一下黄金分割在版面设计中的具体应用 >>>第一期：《青椒姑娘的设计课！从零开始教你学版式设计（一）》第二期：《青椒姑娘的设计课！从零开始教你学版式设计（二）》第三期：《青椒姑娘的设计课！

2015-06-03

程远

教程 3.9w

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

编者按：今天是第三期，来聊聊最常见的黄金分割构图法。作者@孙青椒- 是一枚德国的平面设计师，结合自个多年的设计经验，把许多枯燥无味的版式知识重新嚼碎分享给同学们。全篇语言风趣，行文流畅，是新手入门版式设计的不二之选 >>>第一期：《青椒姑娘的设计课！

2015-06-02

程远

教程 5.5w

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

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

2015-06-01

程远

教程 9.9w

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

编者按：今天这个系列教程的作者@孙青椒- 是一枚德国的平面设计师，现在结合自个多年的设计经验，把许多枯燥无味的版式知识重新嚼碎烹饪，力求让知识变得易于消化，让同学们吃嘛嘛香。不多说，正式开饭咯 >>>本文为作者授权优设发布，未经作者本人授权请勿转载，谢谢：）内容来自博主结合自己的经验和对书籍的理解编撰，具体书目参照内容最后的标注。【优设指南类好文人气榜！

2015-05-31

程远

教程 4.7w

进阶篇！超实用的版式设计技巧全方位总结

编者按：今天给大家安利一本好书，是腾讯网UED十年精华输出的干货型读物，先节选一小段，关于版式设计的，既有腾讯同学的实战经验，也有大量的基础术语科普，非常不错 >>>在信息化社会的浪潮中，快节奏的生活让人们开始学会选择性关注。如何在纷繁的信息中引导用户？有没有科学的方法？

2015-05-28

程远

教程 1.0w

中秋专题页设计：漫画版式的思考

又是一年中秋，祝大家节日快乐哈。每年这时候，策划们都喜欢整些奇怪的玩意，自从去年开始，已经第二年了。对于做为美工切图仔的我们而言，每年都希望技术和思想上多些新的变化。

2013-09-20

米田的天空

专题页设计

教程 4.2w

没素材就做不出好作品？高手说不一定！

没素材怎么办，高手的方法是刻画文字作为画面主形象。具体的设计方法，来看@研习设K先生是怎么做的！豪斯先生平面课堂系列：《豪斯先生平面课堂！

2013-08-20

程远

教程 3.0w

版式布局：设计中的图文关系

@百度MUX 视觉设计趋于简洁化，图文的版式越发显的重要。现在，让我们一起回到设计中最基础的部分，图文关系是一个很容易出问题的地方，如果我们不知道如何正确处理这些关系，那么最终设计的界面效果将会是非常糟糕。一起来看看应该如何正确使用它。

2013-08-05

程远

UI 1.6w

版式设计：Orehprom company手册排版

Orehprom company是俄罗斯最大的坚果公司，QUSQUS 为其设计了年度手册。原文地址：http://shijue.me================关于优设网================“优设网uisdc.com”是一个分享网页设计、无线端设计以及PS教程的干货网站。特色推荐：设计讲座：定期邀请国内互联网公司的设计前辈及行业总监在群内及YY语音（YY频道：15335158）分享实战经验。

2013-04-26

兔子

网页 6.7w

网页不会做，那是画册看得少（下）

如何多快好省地去学习网页设计？今天我们继续根据画册学习网页，一起看看还有哪些技巧吧。

2013-04-13

土拨鼠

没有更多文章了

大家都在看

设计史

文章 130

优设大课堂

文章 127

设计干货

文章 143

AI教程

文章 123

网页设计

文章 931

职场

文章 134

ICON

文章 203

界面设计

文章 142

字体设计

文章 328

热门频道

设计专题

热门设计知识精挑细选

细节猎人

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

优设读报

行业资讯一站知晓

优设琅琊榜

顶尖设计作品聚集地

行业新闻

行业大事小事全知道

设计话题

高手大咖在线答疑解惑

热门频道

设计灵感

支持与服务

优设微博

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

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

微信号：uisdc123

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

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

每天官微五分钟

一年萌新变大神

扫码关注

1000W

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