超赞!一组配色醒目明快的黄色系优秀网页设计 - 优设网 - UISDC

超赞!一组配色醒目明快的黄色系优秀网页设计

2016/06/11 28009评论区

vibrant-yellow-website-design-1

对于任何网站而言,配色方案都是其中最关键的影响因素之一。你可以使用你所熟悉的配色方案,也可以跳出来选择更加大胆、明快、更有性格的配色方案,它们或许更容易给人留下深刻的印象。

而今天我们要说的,是黄色。作为暖色调,黄色象征能量,带来温度,充满生命力,它可以让你的网站看起来更具有亲和力,舒适而温馨。毫无疑问,黄色色调的网站设计大多都非常的醒目,让人难以忽视。

但是同时,它也是一个不容易掌控的颜色,一个不小心可能会毁掉网站的整个设计。所以,你需要清楚地了解黄色的运用手法——比如先看看那些设计优秀的网站是怎样使用大面积黄色色调的。在黄色作为主色调/背景色的时候,文字内容如何展现,各种控件如何使用,这些都值得学习。

Lordz

Lordz

明快的黄色和动感的舞蹈有着天然的契合度,这也是为什么瑞士城市舞蹈学院选择使用黄色作为网站的主色调。为了确保网站内容的识别度,设计师采用的是黄黑搭配。

James Tupper

James-Tupper

拥有韩国血统的摄影师JamesTupper 也在设计他的作品展示页的时候选择了黄色作为主色调。 在字体配色上,他同样选取了黑色。

Collectif-yay

Collectif-yay

YAY 是一个平面设计类的合集网站,黄黑的配色使得文字内容无比的醒目。

Lavagraphics

Lavagraphics

黄色的色调和其他的色彩也可以很好的搭配,重要的是控制好对比度,这里的插画的色调控制就非常合理,不会太深,但是和背景的黄色形成了很好的对比。

Adamhartwig

Adamhartwig

这是一位来自英国剑桥、获得过不少奖项的设计师的个人作品网站。网站设计大气,但是它最大的特色是交互,无论你是在桌面端、平板还是手机上访问,交互的丰富度都非常的强。

Croscon

Croscon

Croscon 是一个植根于设计和数字制造业的定制化软件,网站的配色主色调黄色使用了黑色和白色来做搭配。

Vivedmv

Vivedmv

Vivedmv 的网站所用的黄色饱和度相对较低,看起来也更加复古,搭配上复古的字体、图形元素,整体的氛围非常的一致。

Lunar gravity

Lunar-gravity

这个网站在功能开发和内容策略上达到了一个不错的平衡,在色调的搭配上也很好的体现出了设计、开发和内容三方面的功力。

idesign

idesign

依然是黄、黑、白的色彩搭配,经典的黄黑支撑起整个视觉,而白色在整个配色中显得更加醒目,它承载了LOGO、副标题和关键性的按钮。

Lambda – Responsive Moodle Theme

Lambda-Responsive-Moodle-Theme

作为一个在线学习网站,Lambda 所用的主题基本上是经过深度定制的,深蓝灰和白色占据了大量的面积,而黄色在整个网站中作为提亮色,很好的强调了关键性的内容与操作。

Fitness WordPress Theme eCommerce

Fitness-WordPress-Theme-eCommerce

Fitness 是一个为健身房和运动所定制的一个WP主题,极简的风格、黄黑为主的色彩搭配让这个主题在视觉上颇为突出。

Mobirise

Mobirise-Free-One-Page-Bootstrap-Template

Mobirise 是一个免费的BootStrap 模板,整体设计风格非常现代。和前面许多网站在配色上不同,它没有使用黄黑来搭配,而是使用偏橙色的黄色和灰色搭配起来,文字内容则使用了白色。

ENERGY – Responsive WordPress Fitness Theme

ENERGY-Responsive-WordPress-Fitness-Theme

ENERGY 是一个运动健身类的WP主题,黄色醒目的特色在这个主题中被体现的淋漓尽致。

ETHANOL PORTFOLIO

FREE-–-ETHANOL-PORTFOLIO

Ethanol Portfolio 是一个干净简约的免费Bootstrap 网站模板,这个简约的模板是多功能的。黄色的文本标题在暗色调的背景上显得无比清晰。

XPRESS

XPRESS

Xpress 用作作品展示或者时尚类的内容网站都是是相当不错的选择,黄色这一配色在网站中被很好的运用了起来。

Darklowpress

WordPress-blog-theme-–-Darklowpress

Darklowpress 是一个WP博客主题,大量的可定制的轮播图能够让你更好的展示多媒体信息。

Pluton

Pluton-Free-Single-Page-Bootstrap-Html-Template

Pluton 是一款现代多功能的HTML5着陆页,基于BootStrap来开发的。整个网站使用了许多最新的HTML5、CSS3 和 jQuery 技术。

Agency

Agency

Agency 是一款有范儿的单页式Bootstrap主题,对于商业机构和小公司而言,这个主题相当的不错。这套主题的设计则是基于Golden PSD。

Taxi Park

Taxi-Park

这个网站是一个为出租车公司所设计的,黄色的色调和出租车的基础色调保持了一致。

Hotel Deluxe 

Hotel-Deluxe-a-Hotel-Category-Flat-Bootstrap-Responsive-Web-Template

Hotel Deluxe 同样是一个响应式的网页模板,其中黄色也是网站中最醒目的色彩而起到关键性的作用。

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

  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/vibrant-yellow-website-design

发表评论 加载中....

评论加载中....

uisdc

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

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

您还没有登录

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

微信扫码

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

把好文章收藏到微信

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