网页布局 | 优设网

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

本文将为大家分享 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 程远经验分享 网页布局

细节大揭秘 全部细节

游戏中的情感化交互设计如何打动人心？

交互手势 Florence iOS

央视新闻推出「共同战役」病患求助信息平台

好功能「共同战役」病患求助信息平台

戴上口罩的QQ邮箱有点萌～

设计彩蛋 QQ邮箱

「滴滴出行」火车站人流量大，请戴好口罩

用户体验滴滴出行 Android

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

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

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分钟小短文揣摩设计真谛

优设读报

行业资讯一站知晓

设计话题

高手大咖在线答疑解惑

行业新闻

行业大事小事全知道

设计大赛

专业承办设计赛事活动

免费资源

最新最全的设计资源打包下载

精心挑选，贴心打包是本专题的原则。这儿不仅有超过1000款的笔刷，500套样机，还有很难找到的点线面素材、网页渐变背景、PPT 模板等等。是时候打开它们，高效补充你的素材弹药库了！

查看专题

微信小程序

今年最热的小程序设计和开发方法

就在上个月，微信小程序的用户突破6个亿，如此庞大的体量，让很多公司跃跃欲试。不过很多设计师和工程师之前没做过微信小程序，不知道如何开始，本专题为此而生，从基础知识、官方指南到实战技巧、案例复盘都有，让新手快速掌握微信小程序的设计和开发方法。

查看专题

动效设计

从零开始学习动效设计

通过本专题，您可以先学习基础的产品+交互动效基础，进而学习动效可用性原理、动效表达式等提高对动效的认识。另附上两个寻找和保存动效灵感的小技巧，帮你补充动效库。最后附上让动效落地的方法，让你的动效不止于酷炫。

查看专题

菜单 优设网 - 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 程远 经验分享网页布局

游戏中的情感化交互设计如何打动人心？

交互手势 Florence iOS

央视新闻推出「共同战役」病患求助信息平台

好功能 「共同战役」病患求助信息平台

戴上口罩的QQ邮箱有点萌～

设计彩蛋 QQ邮箱

「滴滴出行」火车站人流量大，请戴好口罩

用户体验 滴滴出行 Android

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

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年2月18日 星期二

资深文案编辑8-10k

武汉本科及以上1-3年

优设网

体验设计专家面议

上海本科及以上3-5年

盒马

产品体验设计专家面议

杭州本科及以上3-5年

盒马

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

趋势流行基础必备

有高手吗？想学这类美到极致的古风人物插画！

创意风格热门趋势

为什么大厂招设计师都要求会组件设计？

高效实战基础必修

菜单优设网 - UISDC

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

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

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

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

好功能「共同战役」病患求助信息平台

用户体验滴滴出行 Android

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年2月18日星期二

优设专题全部专题