网页布局 | 优设网

大厂高手出品！中台组件设计指南：系统布局

本文将为大家分享 Web 端的系统布局，从基本布局初识、网格、布局模块到栅格进行完整链路内容整合，并以简单易懂的案例与大家进行探讨。

2019-12-19 熊细辉Neo UI 中台系统

超实用！36种网页首屏布局大放送！

超实用!36种网页首屏布局，大家可以根据自己的需要选择哦。

2019-10-17 优秀网页设计网页布局 网页设计

布局怎么做到不单调而有层次？来看高手的9个技巧

简单布局怎么做到不单调而有层次?看看设计师 Czékmány Zoltán 的9个技巧。

2018-09-03 优设大课堂图文布局 平面设计

你了解风靡网页设计领域的「开放式布局」嘛？

如果你看过《梦想改造家》这样的家装类的节目，会发现主持人和室内设计师最常提到的概念可能就是“开放式布局”了。其实这个概念不仅仅在家装领域流行，在网页...

2018-01-18 CARRIE COUSINS 2018设计趋势 优秀网页设计

布局太死板？6个小技巧让你的网页设计活力十足！

Landy：大家都知道做网页设计有栅格，有纵向栅格也有横向栅格，栅格提供内容布局的规范，让信息组织更有条理，我们在栅格规范内做设计，上下左右、垂直居中对齐...

2017-08-17 程远经验分享 网页布局

细节大揭秘 全部细节

ZZKIA：「有內鬼~終止交易！」

新视野 ZZKIA

直接勾选就能将台词截图都拼好的「腾讯视频」

好功能腾讯视频

「即刻」可直接将当前图片作为表情包发送微信好友？

设计逻辑即刻 iOS

「美团外卖」更新，等了好久的「一键结算」终于上线

用户体验美团外卖 iOS

无从下手？也许你该从这五种经典网页布局开始设计

编者按：不得不说，网页设计绝对是有套路的!网页布局虽然千变万化，但是如果你仔细观察，会发现有一些布局适用范畴相当广，经久不衰。

2016-08-26 陈子木优秀网页设计 排版布局

腾讯设计实战！聊聊响应式Web布局的概念和实践方法

Fufu ：今年腾讯ISUX官网进行了全站响应式，在项目过程中有技术沉淀，也有不少的思考，也就有了今天这篇文章，内容围绕四个方面，响应式的概念，实践方法，一些案...

2016-07-22 程远优秀网页设计 布局

前端福利！帮你搞定复杂网页布局的Flexbox相关工具

编者按：在很多方面HTML和CSS是一个强大的内容发布机制——易学、灵活和强大。但复杂的布局是他不擅长的。

2016-04-18 陈子木 Flexbox web前端开发

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

温总：本文不适合采用天才设计（Genius Design）方法的人士。有一种「奇怪的」现象会经常的看到：「很多设计师没有办法清楚的跟其他人解释他们是如何设计的，越细...

2015-12-09 程远 ui设计 排版布局

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

吉萨金字塔、蒙娜丽莎、Twitter和百事可乐有什么共同点?答案很简单，它们的设计都遵循了黄金比例。

2015-11-08 陈子木排版布局 版式布局

版式设计入门篇！四个超实用的网页设计构图原则

编者按：四个经典构图原则帮你入门版式设计!今天聊一聊常见的几类构图方式：对称平衡、不对称平衡、水平平衡以及垂直平衡，有分析有案例，强烈推荐学习，来感...

2015-01-30 程远构图技巧 网页布局

基础小科普！聊聊两种最常见的网页布局设计模式

编者按：网页布局有哪些作用?如何设计网页布局?

2015-01-08 程远网页布局 网页设计

顶尖案例来帮忙！将网站布局玩出创意有哪些方法？

编者按：布局在某种程度上是网站整体气质的代言人，优秀的布局让人眼前一亮，顶尖的布局让人好奇心大发，不停探索，如果你也看惯了稀松平常毫无亮点的网站，今...

2014-12-17 程远网页布局 网页设计

先忘记栅格吧！你应掌握的11个创新布局技法

越来越多的网页设计师开始知道，进行布局设计时需要用到栅格线。但是对于老手来说，栅格线不是唯一的可选项，这些老手经验丰富，基础扎实，他们懂得怎样去创新...

2013-11-01 ranger 经验分享 网页布局

大设计时代：针对超大网页布局的一些思考和建议

对于有些设计项目来说，老套的设计模式并不奏效，你需要设计的大点，要比以往设计的元素还要大，因此就非常适合采用超大网页布局。无论是采用大块大块的背景照...

2013-09-20 ranger 优秀网页设计 全屏网页设计

巧用色块布局，让你的网站与众不同！

Metro UI是一种界面展示技术，和苹果的iOS、谷歌的Android界面最大的区别在于：后两种都是以应用为主要呈现对象，而Metro界面强调的是信息本身，而不是冗余的界面元素...

2013-05-03 兔子 Metro UI UI

10个增强Web字体排版的jquery插件

虽然Web字体版式技术在各种定制化字体解决方案(比如@font-face, Google Fonts)的支持下一路蓬勃发展，但是在我们在设计和桌面app开发中仍然对其缺少精准的控制和把握。还好...

2013-03-18 阿麦 Arctext.js Bacon

我讨厌现在让人窒息的网页布局

排版与内容之间的关系如何?前者是后者的表现形式，但往往能够决定读者对待内容的态度。

2013-03-11 Roc 优设 Medium 网页布局

WEB设计中的排版

首先谈一下“Metro”——由微软公司开发内部名称为“ typography-based design language”（基于排版的设计语言）。Metro是基于瑞士平面设计的设计原则（清晰，真实，美观）...

2013-01-17 Roc 优设 Metro 网页布局

没有更多文章了

热门频道

设计专题

细节猎人

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

优设读报

行业资讯一站知晓

优设琅琊榜

顶尖设计作品聚集地

行业新闻

行业大事小事全知道

设计话题

高手大咖在线答疑解惑

B 端产品设计

从小白扫盲到大厂实战案例

2019 年C端产品式微，B端产品迎来春天。市场的变化也对设计师提出了更高的要求，为了帮设计师们在这次转型过程中少走弯路，本专题收纳了从B端基础知识科普到案例实战的完整流程，从大的知识框架到具体的图标/动效设计知识点都有相关经验。

查看专题

图标设计

至少20个图标设计杀手级干货

本专题从图标的基础知识出发，再具体到不同类型的图标设计方法，待你掌握方法后，附上图标检验和优化指南。最后，优质的免费图标下载站合集和图标管理工具，让你更加省时高效！

查看专题

菜单 优设网 - UISDC

网页布局已发布文章19篇

大厂高手出品！中台组件设计指南：系统布局

2019-12-19 熊细辉Neo UI中台系统

超实用！36种网页首屏布局大放送！

2019-10-17 优秀网页设计 网页布局网页设计

布局怎么做到不单调而有层次？来看高手的9个技巧

2018-09-03 优设大课堂 图文布局平面设计

你了解风靡网页设计领域的「开放式布局」嘛？

2018-01-18 CARRIE COUSINS 2018设计趋势优秀网页设计

布局太死板？6个小技巧让你的网页设计活力十足！

2017-08-17 程远 经验分享网页布局

ZZKIA：「有內鬼~終止交易！」

新视野 ZZKIA

直接勾选就能将台词截图都拼好的「腾讯视频」

好功能 腾讯视频

「即刻」可直接将当前图片作为表情包发送微信好友？

设计逻辑 即刻 iOS

「美团外卖」更新，等了好久的「一键结算」终于上线

用户体验 美团外卖 iOS

无从下手？也许你该从这五种经典网页布局开始设计

2016-08-26 陈子木 优秀网页设计排版布局

腾讯设计实战！聊聊响应式Web布局的概念和实践方法

2016-07-22 程远 优秀网页设计布局

前端福利！帮你搞定复杂网页布局的Flexbox相关工具

2016-04-18 陈子木 Flexboxweb前端开发

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

2015-12-09 程远 ui设计排版布局

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

2015-11-08 陈子木 排版布局版式布局

版式设计入门篇！四个超实用的网页设计构图原则

2015-01-30 程远 构图技巧网页布局

基础小科普！聊聊两种最常见的网页布局设计模式

2015-01-08 程远 网页布局网页设计

顶尖案例来帮忙！将网站布局玩出创意有哪些方法？

2014-12-17 程远 网页布局网页设计

2020年适合设计师学习的设计技能 大课堂

从入门就业到进阶高薪！18般武艺这里应有尽有

行业名师真材实料 优设 8 年专业品牌

先忘记栅格吧！你应掌握的11个创新布局技法

2013-11-01 ranger 经验分享网页布局

大设计时代：针对超大网页布局的一些思考和建议

2013-09-20 ranger 优秀网页设计全屏网页设计

巧用色块布局，让你的网站与众不同！

2013-05-03 兔子 Metro UIUI

10个增强Web字体排版的jquery插件

2013-03-18 阿麦 Arctext.jsBacon

我讨厌现在让人窒息的网页布局

2013-03-11 Roc 优设 Medium网页布局

WEB设计中的排版

2013-01-17 Roc 优设 Metro网页布局

热门频道

设计专题

热门设计知识精挑细选

细节猎人

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

优设读报

行业资讯一站知晓

优设琅琊榜

顶尖设计作品聚集地

行业新闻

行业大事小事全知道

设计话题

高手大咖在线答疑解惑

优设读报 2020年7月11日 星期六

视觉设计师10-15k

北京本科及以上3-5年

布谷品牌

交互设计师15-25k

深圳本科及以上3-5年

京东

视觉设计师15-25k

深圳本科及以上3-5年

京东

只有这个方法能让我坚持画画一整年！

高效实战名师出品

为什么他设计的 LOGO 价值上万元？

职场技能高效实战

为什么想学场景插画的设计师越来越多？

趋势流行基础必备

菜单优设网 - UISDC

2019-12-19 熊细辉Neo UI 中台系统

2019-10-17 优秀网页设计网页布局网页设计

2018-09-03 优设大课堂图文布局平面设计

2017-08-17 程远经验分享网页布局

好功能腾讯视频

设计逻辑即刻 iOS

用户体验美团外卖 iOS

2016-08-26 陈子木优秀网页设计排版布局

2016-07-22 程远优秀网页设计布局

2016-04-18 陈子木 Flexbox web前端开发

2015-11-08 陈子木排版布局版式布局

2015-01-30 程远构图技巧网页布局

2015-01-08 程远网页布局网页设计

2014-12-17 程远网页布局网页设计

2020年适合设计师学习的设计技能大课堂

行业名师真材实料优设 8 年专业品牌

2013-05-03 兔子 Metro UI UI

2013-03-18 阿麦 Arctext.js Bacon

2013-03-11 Roc 优设 Medium 网页布局

2013-01-17 Roc 优设 Metro 网页布局

优设读报 2020年7月11日星期六

优设专题全部专题