15158846557 在线咨询 在线咨询
15158846557 在线咨询
所在位置: 首页 > 营销资讯 > 网站运营 > 眼前一亮!这些网页设计我爱了!

眼前一亮!这些网页设计我爱了!

时间:2022-08-13 17:36:01 | 来源:网站运营

时间:2022-08-13 17:36:01 来源:网站运营

自上世纪末开始,中国互联网高速发展的近三十年,对比90年代缓慢的网速、小屏幕超低清的分辨率(只有800x600像素),如今的网络技术可谓是突飞猛进。加上个人电脑普及以来,媒体和企业对用户体验、页面动效、富媒体的重视,直接催生了WUI设计师这样的职业。

时至今日,网站仍是我们获取信息的主要平台之一,电脑端网站体验并不比手机软件和APP差。拥有一些网站设计的规范和理解网站运行的原理,也许能启发一些同学在未来做WUI设计师。今天就好好看一些设计案例,也聊一聊网页设计必须懂得的那些事儿:优秀的网站长啥样?一睹为快吧!




「Web Design」&「Website design」

网页设计

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







#01#

SUMMER


DRINK SOME WRITER

RUNNING AGAIN

简约+撞色

视觉体验满分

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




http://pogon.co

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




#02#

SUMMER


DRINK SOME WRITER

RUNNING AGAIN

人物+动效

趣味体验满分

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




https://itsallfluff.com/







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




#03#

SUMMER


DRINK SOME WRITER

RUNNING AGAIN

留白+荧光色

反差体验满分




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




https://www.adamho.com/




#04#

SUMMER

DRINK SOME WRITER

RUNNING AGAIN

字体+复古色

怀旧体验满分




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




https://pianotriofest.com/




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




#05#

SUMMER


DRINK SOME WRITER

RUNNING AGAIN

衬线体+高级灰

视觉体验满分

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




https://dpotferstudio.com/

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




#06#

SUMMER

DRINK SOME WRITER

RUNNING AGAIN

文字+动效

视觉体验满分

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




https://angelamilosevic.com/

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




#07#

SUMMER
DRINK SOME WRITER

RUNNING AGAIN

构图+复古红

视觉体验满分




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




http://ussr.obys.agency/

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




今日总结

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

关键词:设计,眼前

74
73
25
news

版权所有© 亿企邦 1997-2025 保留一切法律许可权利。

为了最佳展示效果,本站不支持IE9及以下版本的浏览器,建议您使用谷歌Chrome浏览器。 点击下载Chrome浏览器
关闭