# 2023.05.18
TO INFINTIY AND BEYOND
自上世纪末开始
中国互联网高速发展的近三十年
对比90年代缓慢的网速
小屏幕超低清的分辨率
(只有800x600像素)
如今的网络技术可谓是突飞猛进
加上个人电脑普及以来
媒体和企业
对用户体验 页面动效 富媒体的重视
直接催生了WUI设计师这样的职业
时至今日
网站仍是我们获取信息的主要平台之一
电脑端网站体验并不比手机软件和APP差
拥有一些网站设计的规范
和理解网站运行的原理
也许能启发一些同学
在未来做WUI设计师
今天就好好看一些设计案例
也聊一聊网页设计必须懂得的那些事儿
优秀的网站长啥样?一睹为快吧!
网页设计
网站设计是功能上的设计,网页设计是功能基本开发之后对具体页面的排版布局。
01
简约+撞色
Pogon是一家集创意、设计、品牌策划、网络营销等服务于一身的事务所,包括创立品牌、建设网站、线上购物平台、社交网络、移动应用程序。他们专注于针对客户群体打造最佳用户体验化。
●pogon.com
这样的工作性质使得Pogon的创始人和技术人员在设计自己的线上主页时驾轻就熟。轻松、简洁的排版和视觉中,除了文本的白色和一些必要的案例配色,偏执大胆的几乎全部选择了蓝色,轻微动态的边栏使使用感极其流畅。
02
人物+动效
第二个网页则是品牌Fluff的官方主页。Fluff是一家生产和销售化妆品的公司。
创始人Erika Geraerts认为现在的年轻人很依赖化妆品,如果不化妆就会觉得自己出门少了些什么。
●https://itsallfluff.com/
年轻的Fluff主页使用了明亮热情的黄色,这种饱和度很高的颜色很符合年轻用户群体的审美。
Fluff的阳光自信感和前卫的Fluff美学透出屏幕,旨在传达产品的功能不会遮盖每个人自身的美,「The future of beauty is more than makeup」。
03
留白+荧光色
亚当·何(Adam Ho)是纽约布鲁克林的独立设计师,专注于品牌识别,艺术指导和互动设计等学科的交集。Adam Ho Portfolio是他的个人作品网站。
●https://www.adamho.com/
04
字体+复古色
这是圣彼得堡钢琴节的宣传和活动宣传网站。视觉上的一个很重要的特征就是文字外观的粗体设计、颜色的选择。
●https://pianotriofest.com/
红、白、蓝三色构成了网站的主色调,黑色作为背景的想法是来源于国旗,音乐家分别来自瑞士、法国和俄罗斯,这些颜色就是取自这些国家的的国旗。
●https://pianotriofest.com/
设计师首先是把时间表放在第一页,同时让人们熟悉艺术家的背景信息。
这个网页的设计避免将内容拆分为多个页面,使用户能够进行平滑的过渡,无需额外的HTTP请求即可单击艺术家的姓名,从而了解他们的信息。
05
衬线体+高级灰
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,面对全新挑战和有意义的合作并渴望获得卓越的表现。
06
文字+动效
angelamilosevic.com/是设计师Angela Milosevic的个人网站。与之合作的品牌包含ADOBE、AIGA、APPLE、 Nike、FACEBOOK等等。
●https://angelamilosevic.com/
与此同时,Angela Milosevic还是一位数字插画师,它的网站与它的插画作品风格和配色都很像,网站最有趣的就是一个故障风交互,当用户拖动鼠标,图片便会出现无数层。
07
构图+复古红
科普向网站ussr.obys.agency/——苏联设计年鉴令人惊艳。
从配色到构图,浓浓上世纪社会主义阵营风味的视觉体验,对比当今设计界异彩纷呈,网页当中交互动画的巧思,一瞬间让苏联设计的遗产跃然纸上。
●http://ussr.obys.agency/
苏联设计是一个大国留下的无价遗产,它是至上主义、构成主义又是先锋主义。
虽然作为艺术遗产,但在现如今各种各样但设计风格中,众所周知以包豪斯著称的德国设计、北欧的极简风格以及同样极简但富有东方禅意的日本设计独树一帜。
今日总结
许多优秀的网页设计作品,不仅仅有着突出的排版设计,而且在动效、交互、体验上有着颇为值得学习的地方。
如果你愿意仔细揣摩,还会发现每个网页都有自己的性格,许多细节的处理技巧和内容相结合的搭配策略。
设计的灵感来源多种多样,不仅仅要了解别人的视觉设计,而且需要仔细体验实际的效果。想比起零散地设计作品,这些来自著名设计机构的网站,在不同需求下诞生的网站产品,更有价值。
优网科技秉承"专业团队、品质服务" 的经营理念,诚信务实的服务了近万家客户,成为众多世界500强、集团和上市公司的长期合作伙伴!
优网科技成立于2001年,擅长网站建设、网站与各类业务系统深度整合,致力于提供完善的企业互联网解决方案。优网科技提供PC端网站建设(品牌展示型、官方门户型、营销商务型、电子商务型、信息门户型、DIY体验、720全景展厅及3D虚拟仿真)、移动端应用(手机站、APP开发)、微信定制开发(微信官网、微信商城、企业微信)、微信小程序定制开发等一系列互联网应用服务。