广州总部电话:020-85564311
广州总部电话:020-85564311

广州网站建设-小程序商城开发-广州小程序开发-企业微信开发公司-网站建设高端品牌-优网科技

20年
互联网应用服务商
请输入搜索关键词
知识库 知识库

优网知识库

探索行业前沿,共享知识宝库

眼前一亮!这些网页设计我爱了!
发布日期:2024-12-06 08:51:29 浏览次数: 1600 来源:自然光线国际艺术教育


# 2023.05.18

TO INFINTIY AND BEYOND




自上世纪末开始

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

对比90年代缓慢的网速

小屏幕超低清的分辨率

(只有800x600像素)


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

加上个人电脑普及以来

媒体和企业

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

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



时至今日

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

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

拥有一些网站设计的规范

和理解网站运行的原理

也许能启发一些同学

在未来做WUI设计师

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

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

优秀的网站长啥样?一睹为快吧!



WEBSIDE 

网页设计


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


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开发)、微信定制开发(微信官网、微信商城、企业微信)、微信小程序定制开发等一系列互联网应用服务。


我要投稿

姓名

文章链接

提交即表示你已阅读并同意《个人信息保护声明》

专属顾问 专属顾问
扫码咨询您的优网专属顾问!
专属顾问
马上咨询
扫一扫马上咨询
扫一扫马上咨询

扫一扫马上咨询