网页设计 - 优设网

上万字干货！超全面的网页设计规范：文字篇

文字是界面设计中最基本的构成之一，如何定义网页设计中的文字系统？可大体分为三步：系统全面地了解文字的基础知识、显示方式、影响因素及当前网页设计中适合的文字系统；梳理出自己团队所有产品文字使用情况；综合第1步、第2步总结出适合团队业务的文字系统。

2019-02-28 蜗牛启奏文字系统

流动的质感！流体效果是怎样赋予页面以生命力

在拟物化设计大行其道的时代，设计师在设计的时候会试图在数字界面中复刻现实世界中的元素和质感，大家戏称为「抄现实」。如今拟物化设计的热潮褪去，但是在设计UI和网页的时候依然在「抄现实」，只不过所「抄」的是更加深层的物理规则、运动特征和质感。

2018-11-15 Nataly Birch 优秀网页设计

这个看天气上线的网站，把节约做到了极致

互联网是一个需求不断增多的体系：需要更多的参与、更多广告，更多内容、更多代码、更多服务器和更多设备。最近几年，网站的规模也开始以指数级增长，统计表明，39%的美国年轻人表示，他们每天几乎会不停地上网。

2018-10-15 Kelsey Campbell-Dollaghan redesign

这9个视觉惊艳的网页，是这样设计出来的

设计是一个不断发展和变革的领域，很多时候，看似熟悉的设计趋势会在下一刻摇身一变，再次惊艳到你。灵活的创意和开放的想法，常常能够使稀松平常的元素摇身一变，化身为惊艳的设计作品。

2018-09-29 Tubik Studio Tubik Studio

80%的用户时间停留在前三屏，然而八年前完全不是这样

Z Yuhan：这篇文章从一个眼动实验得来的数据分析用户对长网页的阅读习惯，以及对比八年前的数据发现用户行为的惊人变化。最后探讨一下用户行为与体验设计的时效性问题，以及从中得出的更深层次的思考。

2018-09-18 Z_Yuhan 用户体验设计

虽然这9种技巧很简单，但是能够让网页迅速出彩

很多出彩的设计，并没有依靠太过复杂的技巧，通常是在经典的设计或者常见的布局行稍作调整，打破某一个规则，从而给人留下深刻的印象。这组案例作品来自印度 Logo 和 UI 设计师 Rishi Shah。

2018-09-18 陈子木优秀网页设计

如何巧用气泡、斑点和流体元素，让网页不再单调死板？

随着设计工具和设计素材越来越丰富，设计师开始更加灵活地在网页中使用气泡、斑点和流体这样的元素，那么要怎么在网页设计的时候用好这些元素呢？今天结合9个网页实例，来分享几个实用的技巧~1. 用气泡元素营造视觉焦点在简约清爽的背景之下，使用色彩鲜艳，形体自然随性的气泡元素来创造视觉焦点，气泡和需要凸显的图片素材结合到一起，有目的地将用户的视线吸引到关键的元素上，最终起到提升转化率的目的。

2018-09-14 陈子木斑点元素

如果只能着重使用一种色彩，怎样让网页变得惊艳？

如果你的网页中只能着重使用一种色彩，怎么做才好？跟着设计师 Kulik Oleg 来学学用色吧 ~

2018-09-09 优设大课堂优秀网页设计

怎样用有限的几个元素，创造出令人惊艳的设计？

有的时候，一个出彩的网页并不需要多么丰富的元素，更多的是要让有限的几个本元素各司其职，构造好布局，营造层次。这次案例当中的网页作品来自 Moodily 的首席设计师兼联合创始人 Corey Haggard ，技巧并不复杂，学起来吧~

2018-09-07 优设大课堂 ui设计

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

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

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

灵感干货！20个视觉、体验和内容俱佳的优秀网页设计

设计的灵感来源多种多样，不仅仅要了解别人的视觉设计，而且需要仔细体验实际的效果。许多优秀的网页设计作品，不仅仅有着突出的排版设计，而且在动效、交互、体验上有着颇为值得学习的地方。

2018-08-21 PADDI MACDONNELL 优秀网页设计

近两万字的干货！可能是最全面的网页设计基础知识全攻略

编者按：本文有6个章节，从工作流程、网站种类、网站组成部分、技术原理、设计规范等全面总结了网页设计的基础知识，接近两万字的干货，新手看完就可以入门了。一、网页设计是什么？

2018-07-26 郗鉴入门

即使是最靠下的网站页脚，设计上同样很讲究

编者按：CARRIE COUSINS 写了不少各种网站和 UI设计的最佳实践，虽然很多 UI元素的设计并不复杂，但是许多细节都值得注意。今天的文章帮你梳理了如今流行的网站大型页脚的设计技巧和注意事项，还是挺实用的。

2018-06-29 CARRIE COUSINS 大页脚设计

弹出框里的设计门道，你是否都知道？

网站对于每个企业而言是展现品牌的重要渠道。当你在为你的用户设计网站的时候，一定要控制好网站的内容量。

2018-06-21 SUZANNE SCACCA 优秀网页设计

如何构建 Web 端设计组件之树和日期时间选择器

Echo ：本文主要讲解表单中的 treeselect 树选择、datepicker 日期选择器和 timepicker 时间选择器。根据组件的用途，可以分为六大类：Feedback 反馈、form 表单、basic 基础、data 数据、navigation 导航、other 其他。

2018-06-03 Echo Web设计

遵循这7个原则，能让你的网页用户体验更优秀

作为用户，在很多时候会很容易判断出一个网站的用户体验是否优秀，因为主观感受是很难被欺骗的。但是作为网站的设计者和开发者，角色转换之后，所需要面对问题就复杂得多。

2018-05-31 BEN PINES 优秀网页设计

谷歌所说的“整体网页设计”到底是什么概念？

Google 所提出的「整体网页设计」最近被越来越多地提起。对于设计师和开发者而言，它所涉及到的内容并没有表面上看起来那么粗犷简单。

2018-05-28 CARRIE COUSINS Google

设计师初学指南（一）：聊聊广度和深度

@飞屋睿UIdesign ：收到不少初学的设计师私信我关于「如何学习」、「如何提高」等方面的问题，我一直身陷在各种项目中，终于现在有了时间出来整理相关的内容答复，提供一个简单的学习规划框架和应该注意的问题，往后我们再往这个框架里继续填充内容。其实这个答复应该会很长，完全不是靠一篇文几分钟就能讲清楚。

2018-05-17 飞屋睿UIdesign 入门

氛围独特情绪深沉的深色系网站，设计上有什么讲究？

在设计中，情绪的传达和氛围的营造通常是要看设计项目的目的是什么，而不同的配色和不同的元素组合，往往能够呈现出截然不同的风貌。相比之下，深色系网站常常会呈现出更为独特的氛围，传达出更为复杂多样的情绪。

2018-05-09 CARRIE COUSINS 优秀网页设计

网页中这10种字体的运用方式，不会让人觉得Low

对于设计师而言，在日常的平面和 UI设计中，给字体增加特效一直都是一件恼人的事情。客户提出的浮雕特效或者大阴影的需求，但是直接按照要求来设计可能会毁掉整个设计。

2018-05-03 CARRIE COUSINS 字体设计

热门频道

设计专题

细节猎人

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

优设读报

行业资讯一站知晓

优设琅琊榜

顶尖设计作品聚集地

行业新闻

行业大事小事全知道

设计话题

高手大咖在线答疑解惑

英文字体

高手都在用的英文字体打包下载

英文字体世界浩瀚无涯，想找到合适的字体颇不容易。幸运的是那些乐于分享的前辈已经将私藏的字体打包好并全部呈上，不仅有专业平面设计师和网页设计师特供版，更有顶尖设计师灰昼倾情分享个人字体包，话不多说，是时候为你的字体库腾出一个位置来咯。

查看专题

设计师专访

设计大咖成长史

这儿不仅有实力强劲不为人知的设计大咖，也有人气超高的设计工作室，中西结合兼容并蓄。探寻大神成长史，从中汲取养分，大概就是这个专题的魅力所在。收藏起来，每月都会更新哟。

查看专题

图标设计

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

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

查看专题

菜单 优设网 - UISDC

上班也能安心刷的4大设计微博

365天的设计热爱 天天都有新知识

优秀网页设计

400W粉丝！每日更新设计干货

优设

强烈推荐！优设官方品牌微博

优优教程网

免费自学平台！原创海量设计教程

优设基础训练营

零基础入门，设计师就业衔接

您还未登录

登录后即可体验更多功能

网页设计已发布文章929篇

上万字干货！超全面的网页设计规范：文字篇

2019-02-28 蜗牛启奏 文字系统

流动的质感！流体效果是怎样赋予页面以生命力

2018-11-15 Nataly Birch 优秀网页设计

这个看天气上线的网站，把节约做到了极致

2018-10-15 Kelsey Campbell-Dollaghan redesign

这9个视觉惊艳的网页，是这样设计出来的

2018-09-29 Tubik Studio Tubik Studio

80%的用户时间停留在前三屏，然而八年前完全不是这样

2018-09-18 Z_Yuhan 用户体验设计

虽然这9种技巧很简单，但是能够让网页迅速出彩

2018-09-18 陈子木 优秀网页设计

如何巧用气泡、斑点和流体元素，让网页不再单调死板？

2018-09-14 陈子木 斑点元素

如果只能着重使用一种色彩，怎样让网页变得惊艳？

2018-09-09 优设大课堂 优秀网页设计

怎样用有限的几个元素，创造出令人惊艳的设计？

2018-09-07 优设大课堂 ui设计

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

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

灵感干货！20个视觉、体验和内容俱佳的优秀网页设计

2018-08-21 PADDI MACDONNELL 优秀网页设计

近两万字的干货！可能是最全面的网页设计基础知识全攻略

2018-07-26 郗鉴 入门

即使是最靠下的网站页脚，设计上同样很讲究

2018-06-29 CARRIE COUSINS 大页脚设计

弹出框里的设计门道，你是否都知道？

2018-06-21 SUZANNE SCACCA 优秀网页设计

如何构建 Web 端设计组件之树和日期时间选择器

2018-06-03 Echo Web设计

遵循这7个原则，能让你的网页用户体验更优秀

2018-05-31 BEN PINES 优秀网页设计

谷歌所说的“整体网页设计”到底是什么概念？

2018-05-28 CARRIE COUSINS Google

设计师初学指南（一）：聊聊广度和深度

2018-05-17 飞屋睿UIdesign 入门

氛围独特情绪深沉的深色系网站，设计上有什么讲究？

2018-05-09 CARRIE COUSINS 优秀网页设计

网页中这10种字体的运用方式，不会让人觉得Low

2018-05-03 CARRIE COUSINS 字体设计

热门频道

设计专题

热门设计知识精挑细选

细节猎人

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

优设读报

行业资讯一站知晓

优设琅琊榜

顶尖设计作品聚集地

行业新闻

行业大事小事全知道

设计话题

高手大咖在线答疑解惑

优设读报 2021年1月28日 星期四

视觉设计师15-25k

杭州本科及以上5年以上

如熙

UI运营视觉设计师5K-10k

西安大专及以上1-3年

数美互动

平面素材设计师10-15k

深圳本科及以上1-3年

万兴科技

如何快速创作火爆全网的手绘作品？

私单涨薪必备技能

UI动效设计师为什么拿高薪？

菜单优设网 - UISDC

365天的设计热爱天天都有新知识

2019-02-28 蜗牛启奏文字系统

2018-09-18 陈子木优秀网页设计

2018-09-14 陈子木斑点元素

2018-09-09 优设大课堂优秀网页设计

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

2018-07-26 郗鉴入门

优设读报 2021年1月28日星期四

优设专题全部专题