画龙点睛!25款活泼大气的粉色系网页设计 - 优设网 - UISDC

画龙点睛!25款活泼大气的粉色系网页设计

2016/06/01 13409评论区

pink-website-designs-1

当我们谈及粉色的时候,常常会同女性联系到一起,但是如果你观察的足够多的话,会发现这并非是普遍规律。

的确,粉色常常会让人联想到诸如棉花糖这样的绵软可爱的物件,这也使得粉色在绝大多数场景下很少见到,这样一来,一些有趣而独特的网页会将粉色纳入到设计当中来,将它俏皮、活泼的一面展现出来。当然,不同类型的粉色能够传递出不同的情绪,从明艳的粉色到樱花盛开的色调,给予人的感受是截然不同的。

今天的网页设计合集中,25个页面使用的粉色各不相同,设计的手法也差异不小。但是,无论是怎样的设计,所呈现出来的效果都相当不俗。接下来,我们逐个研究一下~

The VHS Retrominder

The-VHS-Retrominder

这个有趣的网站提供了一个90秒的快速测试,检测你对于复古知识的了解。网站首页采用了失真特效的设计,充满了80年代的风情,失真效果下粉色的光晕配合着略显复古的字体搭配,营造出和内容相匹配的氛围。

Publicis90

Publicis90

这个页面是 Publicis90 的90周年的纪念活动页面,这个全球性的倡议组织正在推行数字化企业,充满活力的红色和粉色搭配到一起,显得积极向上,你可以在这个网站查到所有相关的信息。

Around the World in 12 Dishes

Around-the-World-in-12-Dishes

这个有趣的网站通过十二道菜品带你了解这个世界,粉色的色调让网站显得非常有亲和力。

Year in Music

Year-in-Music

Spotify 去年的年度总结页面非常有逼格,大量的双色调搭配运用到年度最佳音乐家的网页中,非常的风格化。偏冷的紫色和偏暖的粉色相互融合,互相浸透,将双色调的特色发挥到极致。

Chekhov Is Alive

Chekhov-Is-Alive-1

Chekhov Is Alive 是一个文化研究项目,探索关于文学、戏剧和现代科技之间的关系与影响。网站在设计上也非常不错,易于导航,配色也足够醒目——活泼的粉色和柔和的绿色。

Found Them First

Found-Them-First

这个网页同样出自Spotify 之手,主体同样采用的是双色搭配,文字使用了与两种主色调都能形成对比的深蓝。页面中的人物形象是以粉色呈现出现的,作为视觉重心而存在。网页会根据你听歌的历史,判断出哪些乐手会在成名前被你注意到。

Histography

Histography

粉色不仅仅有充满活力的一面。这个平台是一个可交互式的时间轴,基于维基百科来展示历史重大事件,并且会随着条目的更新而更新,相对暗哑的粉色营造出相对深沉的历史感,又不会让人觉得压抑。

History of Icons

History-of-Icons

这个网站也非常有意思,它展示了icon在数字领域的发展历程,许多经典的操作系统中图标都是如何设计的,你可以在这里看到。暗色调的背景下的粉色和绿色都能够将你带回上一个时代。

Panic

Panic

这个多彩而可口的页面中充满了各种动效、插画、3D动画,非常规的配色让整个页面给人以独特的感觉,使人难以忘怀。

Nice and Serious

Nice-and-Serious

这是一个道德驱动的创意设计机构,他们展示的内容包括视频、插画、动画等许多有趣的东西,而浅粉、浅紫、和蓝色构成的色调让整个页面氛围显得颇为可爱。

Run Better / Newton

Run-Better-Newton

这是一个在交互设计上相当用心的页面,页面是为Newton Running 所设计的。蓝色和粉色被用来作为性别的区分,页面中大量的动效设计都用来强调和展示他们的鞋类产品。

Lois Jeans Spring-Summer 2013

Lois-Jeans-Spring-Summer-2013

以色彩为主题的 Lois 牛仔裤 春夏季专题页不仅在布局上非常漂亮,而且在色调和纹理的运用上非常到位,作为暖色调的粉色也是其中之一。

New Music USA

New-Music-USA

New Music USA 是当代古典音乐和爵士乐的信息支持页面,网站被设计的易用且易于交互,如果你想在这里找到相关的信息会非常容易实现。

Everything You Need to Know About Design

Everything-You-Need-to-Know-About-Design

这个网站收藏、发现、整理了所有与设计相关的内容,将他们策划整理到一起,你可以在这里找大量的网站、图片甚至社交媒体帐号。整个网站都使用明亮的粉色来设计,迷之醒目。

Egopop _Creative Studio

egopop-_Creative-Studio

这个创意工作室的设计师在视觉和创意设计上都有着非凡的造诣,网站中的案例可以佐证。

Social Design House

Social-Design-House

这是一个坐落在Rock hill 的设计服务工作室,网站的体验设计非常不错,简单直观,粉色的配色让网站的氛围令人舒适。

Dribbble Interactive Infographic

Dribbble-Interactive-Infographic

这个灰色和粉色搭配的页面是一个HTML的可交互式的信息图,展示了Dribbble 的功能和特色。整个站点充分运用了HTML5和CSS3的技术。

Love Notes

Love-Notes-1

这个来自Spotify 的网站是为情人节所准备的,可以帮你将信息转化成为诗歌,并且搭配上相应的歌曲。粉色为主的色调和爱情的主题无疑是贴切的。

Beautiful Watercolor 

Beautiful-Watercolor-Hand-Painted-Creative-WordPress

这是一个风格非常少女的Wordpress主题,功能也算的上全面,整体的色调、排版布局、UI元素都非常的女性化。

iBloggo

iBloggo-Minimal-Personal-Blog-WordPress-Theme

iBloggo 是一个极简风的博客与作品展示式Wordpress模板,这个布局适合设计师和摄影师。

Winestore

Winestore

这个在线的酒类销售网站也同样使用粉色作为主色调,整体布局干净清爽。

Weshootbottles

Weshootbottles

这个网站搜集了各种类型的瓶子的图片,粉色在整个页面中显得相当的醒目。

Ouou

Ouou

这个电商网站无疑非常的女性化,粉色系的配色在此显得足够优雅,响应式的布局则让它可以在各类设备上轻松使用。

Bakerella

Bakerella

Angie Dudley 的这个博客当中包含了大量的关于蛋糕和各种甜品的食谱与烹饪技巧,粉色无疑让人胃口大开。

Solidgiant

Solidgiant

SolidGiant 其实并非大型企业,但是粉色、红色与黑色的使用让整个网页布局显得大气磅礴。

【技多不压身的设计师才有高薪资!】

  1. 平面设计:《超赞!设计师完全自学指南》
  2. 交互设计:《交互设计师修炼指南!教你从零开始成为优秀交互设计师》
  3. UI设计:《超实用新手指南!零基础如何自学UI设计?》
  4. 前端开发:《天猫高手来教你!零基础如何系统地学习前端开发?》
  5. 抠图技巧:《从菜鸟到高手!PHOTOSHOP抠图全方位攻略》
  6. 配色方案:《色彩搭配速成!3个实用方法帮你全面搞定配色》
  7. DPI指南:《基础知识学起来!为设计师量身打造的DPI指南》
  8. 交互设计自学路径图:《零基础入门!给非科班生的自学路径图之交互设计篇》

原文地址:webdesigndev
优设译文:@陈子木

yestone-uisdc-2

本文由优设网原创翻译,请尊重版权和译者成果,转摘请附上优设链接,违者必究。谢谢各位编辑同仁配合。

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量130万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/pink-website-designs

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

版式设计 交互设计师 界面设计 设计师干货 排版布局 职场 优设专访 优设大课堂 设计达人 配色 视觉设计 web前端开发 素材下载 设计流程 AI教程 设计理论 神器下载 字体下载 设计师专访 psd下载 平面设计 设计趋势 海报设计 用户体验设计 设计规范 动效设计 logo设计 图标设计 产品设计 ICON 神器推荐 App设计 字体设计 职场规划 酷站推荐 交互设计 ui设计 优秀网页设计 设计师职场 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地!优设网是极具人气的设计师平台
2012年成立至今,一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里