自上世纪末开始

中国互联网高速发展的近三十年

对比90年代缓慢的网速

小屏幕超低清的分辨率

(只有800x600像素)

如今的网络技术可谓是突飞猛进

加上个人电脑普及以来

媒体和企业

对用户体验 页面动效 富媒体的重视

直接催生了WUI设计师这样的职业

时至今日

网站仍是我们获取信息的主要平台之一

电脑端网站体验并不比手机软件和APP差

拥有一些网站设计的规范

和理解网站运行的原理

也许能启发一些同学

在未来做WUI设计师

今天就好好看一些设计案例

也聊一聊网页设计必须懂得的那些事儿

优秀的网站长啥样？一睹为快吧！

网站设计是功能上的设计，网页设计是功能基本开发之后对具体页面的排版布局。

Pogon是一家集创意、设计、品牌策划、网络营销等服务于一身的事务所，包括创立品牌、建设网站、线上购物平台、社交网络、移动应用程序。他们专注于针对客户群体打造最佳用户体验化。

●pogon.com

这样的工作性质使得Pogon的创始人和技术人员在设计自己的线上主页时驾轻就熟。轻松、简洁的排版和视觉中，除了文本的白色和一些必要的案例配色，偏执大胆的几乎全部选择了蓝色，轻微动态的边栏使使用感极其流畅。

第二个网页则是品牌Fluff的官方主页。Fluff是一家生产和销售化妆品的公司。

创始人Erika Geraerts认为现在的年轻人很依赖化妆品，如果不化妆就会觉得自己出门少了些什么。

●https://itsallfluff.com/

年轻的Fluff主页使用了明亮热情的黄色，这种饱和度很高的颜色很符合年轻用户群体的审美。

Fluff的阳光自信感和前卫的Fluff美学透出屏幕，旨在传达产品的功能不会遮盖每个人自身的美，「The future of beauty is more than makeup」。

亚当·何（Adam Ho）是纽约布鲁克林的独立设计师，专注于品牌识别，艺术指导和互动设计等学科的交集。Adam Ho Portfolio是他的个人作品网站。

●https://www.adamho.com/

这是圣彼得堡钢琴节的宣传和活动宣传网站。视觉上的一个很重要的特征就是文字外观的粗体设计、颜色的选择。

●https://pianotriofest.com/

红、白、蓝三色构成了网站的主色调，黑色作为背景的想法是来源于国旗，音乐家分别来自瑞士、法国和俄罗斯，这些颜色就是取自这些国家的的国旗。

●https://pianotriofest.com/

设计师首先是把时间表放在第一页，同时让人们熟悉艺术家的背景信息。

这个网页的设计避免将内容拆分为多个页面，使用户能够进行平滑的过渡，无需额外的HTTP请求即可单击艺术家的姓名，从而了解他们的信息。

dpotferstudio.com/是D.Potfer Studio的主页。这是一家设计工作室，位于法国南部和巴黎，与当地还有国籍品牌合作，涉及文化、奢侈品、生活艺术等领域的设计、创意以及品牌的相关工作。

●https://dpotferstudio.com/

创始人Daisy曾与Chanel、Swatch Group、Fours  Seasons等品牌合作在Realms of communication和Digital Strategy方面有近十年的历史。

●https://dpotferstudio.com/

她创立自己具有浓厚美学品味的品牌D.Potfer Studio，面对全新挑战和有意义的合作并渴望获得卓越的表现。

angelamilosevic.com/是设计师Angela Milosevic的个人网站。与之合作的品牌包含ADOBE、AIGA、APPLE、 Nike、FACEBOOK等等。

●https://angelamilosevic.com/

与此同时，Angela Milosevic还是一位数字插画师，它的网站与它的插画作品风格和配色都很像，网站最有趣的就是一个故障风交互，当用户拖动鼠标，图片便会出现无数层。

科普向网站ussr.obys.agency/——苏联设计年鉴令人惊艳。

从配色到构图，浓浓上世纪社会主义阵营风味的视觉体验，对比当今设计界异彩纷呈，网页当中交互动画的巧思，一瞬间让苏联设计的遗产跃然纸上。

●http://ussr.obys.agency/

苏联设计是一个大国留下的无价遗产，它是至上主义、构成主义又是先锋主义。

虽然作为艺术遗产，但在现如今各种各样但设计风格中，众所周知以包豪斯著称的德国设计、北欧的极简风格以及同样极简但富有东方禅意的日本设计独树一帜。

许多优秀的网页设计作品，不仅仅有着突出的排版设计，而且在动效、交互、体验上有着颇为值得学习的地方。

如果你愿意仔细揣摩，还会发现每个网页都有自己的性格，许多细节的处理技巧和内容相结合的搭配策略。

设计的灵感来源多种多样，不仅仅要了解别人的视觉设计，而且需要仔细体验实际的效果。想比起零散地设计作品，这些来自著名设计机构的网站，在不同需求下诞生的网站产品，更有价值。