网页排版 | 优设网

做好网页排版，不要犯这10种错误

@短腿僵尸木：网络上95％以上的信息是书面形式的。优化排版则是优化可读性，可访问性，可用性，整体图形平衡。

2017-07-29 推荐： 3年2班程远经验分享 网页排版

从这些基本的字体排版规则入手，搞定网页排版这件事

漂亮的字体排版总能为网站设计加分不少。别具一格的设计虽然精彩，但是更多的时候，沿着前人探索出来的设计规则来设计，会更加得心应手。

2017-07-06 推荐：陈子木字体排印 排版设计

对比这10个注意事项，你的网页文字排版达标了么？

对于网页而言，视觉信息的传达至关重要。用户通过页面获取信息，文字、图片、图标、按钮、表单等UI元素都承载着不同类型的信息。

2017-06-26 推荐：陈子木优秀网页设计 排版布局

想让网页可读性更强？你得善用F式布局

虽然网页排版方式千变万化，但是布局方式通常都遵循着几种常见的规则。在诸多布局方式当中，F式布局是可用性较强，且适用范围较广的一种。

2017-04-06 推荐：陈子木排版布局 经验分享

现在网页设计中图片有哪些常见的使用技巧？

图片在网页中所扮演的角色越来越重要。作为最常见也是最早使用的网页多媒体，图片对于网页设计师而言至关重要。

2017-02-19 推荐：陈子木优秀网页设计 图库网站

排版｜为长文进行排版设计有哪些讲究？

先撇开用户兴趣和碎片时间的争论，我们来聊聊较长的内容在网页设计中应当注意的问题吧。对于网站和APP而言，长内容，或者说长文，可能是内容策略中最有价值的一...

2016-11-29 推荐：陈子木字体排版 排版布局

实例教学！如何打造丰富而充满呼吸感的网页设计布局？

@飞屋睿UIdesign ：优秀的排版是构图、图片、配色、字体等各方协调的共同结果，设计其实是没有规则可循，审美从来都不在约束内发生。要想让整个版式内容丰富又充...

2016-09-12 推荐： 3年2班程远优秀网页设计 排版布局

神器两连发！腾讯ISUX出品的图片压缩软件+网页排版工具

编者按：今天安利两个神器，一个是@腾讯ISUX 团队新鲜开发的「智图」离线版，可以无损压缩图片，智能转换图片格式，在线生成webP格式图片等。一个是帮网页设计师做...

2016-08-23 推荐： 3年2班程远 ISUX 智图

绝对专业！超全面的UI界面字体选取与使用指南

编者按：不论是UI设计师还是网页设计师，每天都在同字体与文本打交道，可是我们真的了解文本/字体对于界面的意义和功能么?Viljami Salminen 今天就来帮你刨根问底，...

2016-07-05 推荐：陈子木 ui设计 字体排版

实时预览！帮你免费测试网站字型排版的Font Fit

Font Fit 是一个免费网站测试工具，能够快速调整网页各部分的字型、大小、颜色及样式，实时更新显示于页面中，无须额外下载或安装软件。修改后能将修改结果汇出产...

2016-07-02 推荐： 3年2班程远字体排版 字体效果

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

编者按：本期干货来自优设的@EricJohnWilliams 同学，分享一些基础的中文字体设计/编排知识，全文通俗易懂不晦涩，充实有料无水分，适合新人入门学习。「优...

2016-05-02 推荐： 3年2班程远中文排版 字体排版

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

Sunny萧萧：本文作为小白入门级，相对基础，是写给现在想了解一点前端知识的设计师同行们，力求通俗易懂幽默风趣。这一章不仅教大家网页排版的基础知识，还以百...

2016-04-07 推荐： 3年2班程远 web前端 web前端开发

精雕细琢！打造优秀用户体验的10大排版规则

对于网页和APP而言，良好的排版不仅仅是摆上漂亮的字体就可以搞定的，高度的可读性和可识别性并不是简单的要求，视觉设计和内容风格也应当做好一致性。虽然这些...

2016-04-02 推荐：陈子木排版布局 排版设计

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

编者按：做版式设计的同学，经常会遇到客户给的素材不够，信息不够，图太少，今天@南征南征用工作中的一个实战案例，帮你用版式设计的方法解决这个难题，来收...

2016-03-16 推荐： 3年2班程远排版布局 排版技巧

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

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

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

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

很多同学问设哥，为什么别人字体就那么随意放一下就辣么好看，其实排版可有大学问，不是随意放就好看。这就如同配色一样，也有千变万化的学问。

2015-10-13 推荐：陈子木字体排版 排版布局

干净秀气！一组字体纤细版式清爽的优秀网站

编者按：看到一组好字，如何用在网站上?今天这组网站不仅选择了合适的字体，版式设计也保持了清爽干净的风格，结合今天优设打包的23款顶尖字体，速度用起来!

2015-09-09 推荐： 3年2班程远优秀网页设计 排版设计

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

@孙青椒- ：第六期：黄金分割与构图法（下）!此篇为黄金分割与构图法的结课篇，依旧有理论有对比有案例分析，保证通俗易懂有料有趣无压力，最后一餐，务必吃饱...

2015-06-30 推荐： 3年2班程远排版布局 排版技巧

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

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

2015-06-12 推荐：陈子木排版布局 排版技巧

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

@孙青椒- ：上节课后很多同学表示已被黄金分割搞疯，没关系，今天咱们不讲数学，也不画图纸，就来学一下黄金分割在版面设计中的具体应用 >>> 第一期：《青...

菜单 优设网 - UISDC

网页排版已发布文章29篇

2017-07-29 推荐： 3年2班程远 经验分享网页排版

2017-07-06 推荐： 陈子木 字体排印排版设计

2017-06-26 推荐： 陈子木 优秀网页设计排版布局

2017-04-06 推荐： 陈子木 排版布局经验分享

2017-02-19 推荐： 陈子木 优秀网页设计图库网站

如何绘制最火的噪点肌理插画? 私房课

无需手绘板！零基础也能学！1500 人都在学！

Dribbble 高手亲授 优设 8 年口碑保证

如何从零开始学平面设计 训练营

字体排版配色文案一站学习！优设平面课

4位明星讲师 专为新人定制

2016-11-29 推荐： 陈子木 字体排版排版布局

2016-09-12 推荐： 3年2班程远 优秀网页设计排版布局

2016-08-23 推荐： 3年2班程远 ISUX智图

2016-07-05 推荐： 陈子木 ui设计字体排版

2016-07-02 推荐： 3年2班程远 字体排版字体效果

2016-05-02 推荐： 3年2班程远 中文排版字体排版

2016-04-07 推荐： 3年2班程远 web前端web前端开发

2016-04-02 推荐： 陈子木 排版布局排版设计

翻来覆去好麻烦，点头像就能沟通的新QQ~

设计逻辑 QQ iOS

「马蜂窝」别出心裁的头像设计

用户体验 马蜂窝旅游 iOS

用「拉勾」找工作时，你会多在乎上班距离？

用户体验 拉勾iOS

「淘宝」用搜索彩蛋制造黑色幽默

运营推广 淘宝 iOS

2016-03-16 推荐： 3年2班程远 排版布局排版技巧

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

2015-10-13 推荐： 陈子木 字体排版排版布局

2015-09-09 推荐： 3年2班程远 优秀网页设计排版设计

2015-06-30 推荐： 3年2班程远 排版布局排版技巧

2015-06-12 推荐： 陈子木 排版布局排版技巧

2015-06-03 推荐： 3年2班程远 排版布局版式布局

优设读报 2019年11月18日 星期一

每月前端法宝

全栈设计师的最爱

沟通方法

比做出好设计更难的是说服别人相信你

Sketch 插件

省时高效的Sketch 插件全在这

免费资源

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

AR设计

AR 设计可能是距离设计师最近的未来

求职面试

那些不容易看到的面试技巧都在这

# 声音

41篇细节

# 音乐

79篇细节

# 支付宝

12篇细节

# 优酷

10篇细节

# 情境预判

500篇细节

# 全部标签

1052篇细节

优设热门私房课 查看更多

零基础 iPad 手绘课

闫实 优设大课堂人气老师

Q 版头像插画课

周小馋 优设大课堂人气老师

噪点肌理插画速成课

谭伟 Dribbble 首页常驻设计师

15 节 Ai 实战必修课

包大 优优教程网内容总监

商业插画万能配色法

葭葭葭 大厂资深插画师

关于我们

热门频道

设计灵感

支持与服务

优设微博

每天10篇设计干货

360万设计师关注！

优设抖音

菜单优设网 - UISDC

2017-07-29 推荐： 3年2班程远经验分享网页排版

2017-07-06 推荐：陈子木字体排印排版设计

2017-06-26 推荐：陈子木优秀网页设计排版布局

2017-04-06 推荐：陈子木排版布局经验分享

2017-02-19 推荐：陈子木优秀网页设计图库网站

Dribbble 高手亲授优设 8 年口碑保证

如何从零开始学平面设计训练营

4位明星讲师专为新人定制

2016-11-29 推荐：陈子木字体排版排版布局

2016-09-12 推荐： 3年2班程远优秀网页设计排版布局

2016-08-23 推荐： 3年2班程远 ISUX 智图

2016-07-05 推荐：陈子木 ui设计字体排版

2016-07-02 推荐： 3年2班程远字体排版字体效果

2016-05-02 推荐： 3年2班程远中文排版字体排版

2016-04-07 推荐： 3年2班程远 web前端 web前端开发

2016-04-02 推荐：陈子木排版布局排版设计

用户体验马蜂窝旅游 iOS

用户体验拉勾iOS

运营推广淘宝 iOS

2016-03-16 推荐： 3年2班程远排版布局排版技巧

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

2015-10-13 推荐：陈子木字体排版排版布局

2015-09-09 推荐： 3年2班程远优秀网页设计排版设计

2015-06-30 推荐： 3年2班程远排版布局排版技巧

2015-06-12 推荐：陈子木排版布局排版技巧

2015-06-03 推荐： 3年2班程远排版布局版式布局

优设读报 2019年11月18日星期一

优设热门私房课查看更多

闫实优设大课堂人气老师

周小馋优设大课堂人气老师

包大优优教程网内容总监

葭葭葭大厂资深插画师