留学网页设计专业，必须要了解哪些事？网站是我们获取信息的主要平台之一，电脑端网站体验并不比手机软件和APP差，拥有一些网站设计的规范和理解网站运行的原理，也许能启发一些同学，在未来做WUI设计师。今天我们就好好看一些设计案例，优秀的网站长啥样？一睹为快吧！

　 留学网页设计专业：

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

　　简约+撞色，视觉体验满分

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

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

　　人物+动效，趣味体验满分

　　第二个网页则是品牌Fluff的官方主页。Fluff是一家生产和销售化妆品的公司。创始人Erika Geraerts认为现在的年轻人很依赖化妆品，如果不化妆就会觉得自己出门少了些什么。

　　年轻的Fluff主页使用了明亮热情的黄色，这种饱和度很高的颜色很符合年轻用户群体的审美。Fluff的阳光自信感和前卫的Fluff美学透出屏幕，旨在传达产品的功能不会遮盖每个人自身的美，「The future of beauty is more than makeup」。

　　留白+荧光色，反差体验满分

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

　　字体+复古色，怀旧体验满分

　　这是圣彼得堡钢琴节的宣传和活动宣传网站。视觉上的一个很重要的特征就是文字外观的粗体设计、颜色的选择。红、白、蓝三色构成了网站的主色调，黑色作为背景的想法是来源于国旗，音乐家分别来自瑞士、法国和俄罗斯，这些颜色就是取自这些国家的的国旗。

　　设计师首先是把时间表放在第一页，同时让人们熟悉艺术家的背景信息。这个网页的设计避免将内容拆分为多个页面，使用户能够进行平滑的过渡，无需额外的HTTP请求即可单击艺术家的姓名，从而了解他们的信息。推荐：平面设计留学就业好吗

　　衬线体+高级灰，视觉体验满分

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

　　创始人Daisy曾与Chanel、Swatch Group、Fours Seasons等品牌合作在Realms of communication和Digital Strategy方面有近十年的历史。她创立自己具有浓厚美学品味的品牌D.Potfer Studio，面对全新挑战和有意义的合作并渴望获得卓越的表现。

　　文字+动效，视觉体验满分

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

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

　　构图+复古红，视觉体验满分

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

　　苏联设计是一个大国留下的无价遗产，它是至上主义、构成主义又是先锋主义。虽然作为艺术遗产，但在现如今各种各样但设计风格中，众所周知以包豪斯著称的德国设计、北欧的极简风格以及同样极简但富有东方禅意的日本设计独树一帜。

　　许多优秀的网页设计作品，不仅仅有着突出的排版设计，而且在动效、交互、体验上有着颇为值得学习的地方。如果你愿意仔细揣摩，还会发现每个网页都有自己的性格，许多细节的处理技巧和内容相结合的搭配策略。设计的灵感来源多种多样，不仅仅要了解别人的视觉设计，而且需要仔细体验实际的效果。想比起零散地设计作品，这些来自著名设计机构的网站，在不同需求下诞生的网站产品，更有价值。

更多关于网页平面设计留学相关：

创意图形在平面设计作品集中如何应用？

视觉平面设计作品集点线面如何练习

本文均属自然光线国际艺术教育团队原创文章，未经允许不能以任何形式的商业转载，如有发现必追究法律责任。