黑白灰低调大气范网页设计

   在经典配色中,可能每个人都不会否认黑白灰的永恒魅力。虽然人们总是想“outstanding”,眼球抢夺,注意吸引……但想要把用户永远留住,除了第一印象,更多需要日后方方面面的细节。况且在我们的身边已经太多色彩大爆炸了,我们颜色识别系统也许到了某一峰值,总也想要有停下运转的时刻。这时,黑白灰的配色就从一大堆颜色中尤为突出,甚至能让人心恢复平静,这也是这两年开始盛行极简风格的原因。

  下面是小编筛选的13个黑白灰配色网站,大家也许可以作为网页设计时色系风格的参考。

  1、Aristo

  装潢建筑设计机构以黑、白以及金色作为其主色调搭配,与其本身所传达的设计哲学不无深沉的关系。页面结构简单、干净、简约。主页图片都被抽去了色彩,只保留低调的灰色阶,而辅助的其他颜色也依然保持低调、内敛,突显出另一种奢华。


  2、Basic

  以黑白灰配色,同时非常少量地运用其他鲜明的色调,几乎是黑白灰配色的秘籍之一,然而在整个构图上,还需要更多空间,才能表达出平静、冷酷中的跃动感。这个网站的设计遵守了这一秘籍,但又增加了其他的图片色,让画面略显复杂。


  3、Callens

  以两张随意叠放式样的图片居于正中,足够的留白给人以想象的空间,用色谨慎,让人感觉这确实是高端品牌的氛围。


  4、Driftwoodeditions

  独立的小型出版社,成品选用黑白,整个网站也使用黑白,氛围过于严肃。但却能体现出出版行业的类似黑白影印的质感。


  5、Designembraced

  以大图全屏展示作品细节的网站来说,黑白灰似乎是唯一的选择,但同时,设计师也安排了红色。在大图展示的交互上非常巧妙。黑色传递出一种酷,深色氛围,更加凸显细节中的闪光点。


  6、Echo

  页面采用黑白线条,显得大气,但容易给人眼花缭乱的效果。往下拉的介绍中,文字都采用黑白,而在指向时又显示为一种彩色。偏爱的竖线,在人物形象处用上给人以现代和时尚感。


  7、Fixate

  整个首页采用黑色线条矢量图组成一个密集式的丰富多彩的图片,突出设计原创性。而字体也与此相称,整个网站设计感很强,还适当装饰了动画效果,不失为上乘之作。


  8、Functionals

  家居设计公司网站,主题依然让渡给内容,让家居设计本身说话。在黑白配色基础上,配以木质的奶黄色,让人联想到木质家居,营造一种轻松明快的氛围。


  9、Huntly

  室内设计工作室以白色作为其主色,给人以空间感,首页对自我形象的表达和包装,显得流畅、简洁。而在黑白的简单配色中隐含了明黄色,作为强调色,在此让整个网站显得更加活泼、鲜明。


  10、Johnson, B. C

  科学家Johnson, B. C的个人博客,背景使用他的科研领域的自然图片,配色为深黑,突出严谨、神秘以及酷的印象。


  11、readcereal

  灰色调背景的网站,让整个氛围趋于平淡,而配合使用高品质的同样色系的图片,感觉非常雅致。


  12、Taostudio

  以一种米色粉作为底色,和传统的黑白灰网站不同,它传达出一种温馨感。而主页对缩略图的排列和设计极富新鲜感以及整体感。运用简单的线条手绘图搭配得恰到好处。


  13、vincefrost

  黑白的满屏大图,大型的文字,沉浸式的导航和内容。在鼠标经过会有些许色差呈现。整个网站架构清晰、操作流畅。

时间: 2024-08-25 21:23:59

黑白灰低调大气范网页设计的相关文章

一组黑白灰的低调大气范网站设计

  黑白灰的经典配色是永恒不变的教父级色彩,也是含蓄内秀的典范.今天@飞屋睿UIdesign 挑选了13个优雅的黑白灰配色网站,同学们也可以拿来作为网页设计 时色系风格的参考 >>> @飞屋睿UIdesign :在经典配色中,可能每个人都不会否认黑白灰的永恒魅力.虽然人们总是想"outstanding",眼球抢夺,注意吸引--但想要把用户永远留住,除了第一印象,更多需要日后方方面面的细节.况且在我们的身边已经太多色彩大爆炸了,我们颜色识别系统也许到了某一峰值,总也想要

从零开始教你打造网页设计中的极简风格

  什么是极简设计 极简设计,严格上讲不能算作一种视觉风格,而是一种设计哲学.它在保持了基本的骨架内容的基础上,剔除掉多余的元素.装饰.色彩和纹理,是通过不断思考而进行化繁为简的设计过程.这样做的结果是突显了主题内容.所以,它是扎根于设计思想根部的概念. 极简主义起源于苏格兰,当时在各个文化领域都掀起了极简的风潮:平面设计.建筑.音乐.文学.绘画等.直到现在,也开始在网页设计中盛行. 尽管极简设计风格在十年间并未得以足够的关注度,早先的互联网领域中根本看不到它的影子,样式复杂的LOGO和广告,艳

木子李:浅谈中国风格网页设计

中国风格的网站,因其气势磅礴,高贵典雅,独具韵味而受到很多人的喜爱,近年来被大量应用于传统文化.历史人文景点.地产项目等网站中.那么,怎样设计出别具中国气质的网站作品呢?我谈一些个人不成熟的想法,希望对您有所帮助.若有错误之处,请不吝指出. 1.构图. 合理巧妙的构图与内容布局是一个网页设计成功的关键.数千年的文明传承下来,中国人有其独特的构图审美. 对称 对称美是中国传统美学中重要的一部分.对称美体现在中国传统设计的方方面面,如城市格局.皇宫建筑.皇帝陵寝.太极图.对联.钱币.宝剑,无不用到

一组沉稳有范儿的黑色系优秀网页设计

  曾有人说过,想要知道一个网页设计 师是否专业,就让他设计一个黑色系网站 .的确,真正漂亮的黑色系网站 大多出自真正专业的设计师之手.黑色是经典的色彩,更是神秘的色彩,它蕴含着攻击性,深藏着邪恶的种子,但他在邪魅中还隐藏着优雅,在沉稳中里还包含权威,它与力量密不可分.黑色中潜藏着善与恶,但是不管它表达着怎样的情绪,它都是最具有表现力的色彩之一,强烈而鲜明.这也解释了为什么黑色会广泛应用于各个领域.那么,黑色系网站 到底蕴含着怎样的能量呢? 今天的文章就是为了探索这个问题,同时也在是战中告诉你,

简单大气的单页网页设计案例赏析

  这个网站以天空星座为主题,再用色彩营造出一种神秘的气氛,但其特点并不在此,而是在网站的导航设计中.大多数单页网页的导航会设置在顶部,或是首屏的底部,很少会放在侧边.由于单页式的网页设计想要体现的就是大气整洁,所以肯定会选用宽屏,而侧边导航又会减少页面的视觉宽度,因此侧边导航很少会在单页网页中出现.用户点击导航后,页面就会随之变化,简洁明了. 这是一个小学的介绍网站,显示的案例是网站的整个页面.网站整体简短可爱,手绘的设计风格和鲜亮的黄色更是充满了童趣.为了不让页面显得过于臃肿,设计师把导航拆

使用大气醒目的字体排版的优秀网页设计

  使用高识别度的字体设计,加上吸引人的细节设计,的确是抓住用户注意力的利器.优雅的线条勾勒和漂亮的水泡装饰,同其他的视觉元素很好地结合起来,营造出安静又俏皮的氛围. Teamgeek 网站的开发者充分展现了如何将新技术运用到网页设计中的技巧.充满复古风格的LOGO设计让网站打开的时候有了独特的气场,而当可交互的粒子特效出现的时候,用户除了"Wow"大概也做不出别的表情吧. Rightmove 漂亮的卡通式的字体设计延伸到背景的配色和细节上,居中的标语以背景为舞台,占据视觉中心,同友好

网页设计中HTML常范的五个错误

错误|设计|网页|网页设计 1.网页背景色的设置 犯错机率:很大 普遍性:较广 犯错可能性:懒/不知道 约2年前我曾发现21cn上出现过一次没有设置背景色的情况,当时我用Email通知了他们,自此之后这个问题我从没犯过. 绝大部分人的窗口背景颜色都是白色,但如果象我这样个性的人,就会把windows窗口的背景颜色改成灰色或其他色,这样一来,如果你没有设置网页的背景颜色的话,你以为正常的网页在我的电脑上看起来会是一团糟. 2.Align center(自动居中)的滥用 犯错机率:非常大 普遍性:非

Photoshop设计黑色大气的网页模板教程

  在这篇网页设计教程里,你将学习制作可以用于整站的一个既优雅又专业的网页,我们将用到Photoshop软件里的一些基本的工具,比如:笔刷和图层等.而且在教程下方包括了此网页的HTML/CSS/JAVASCRIPT模板和素材,你可以下载用作学习或使用都可以. 下面先预览一下本教程的最终效果: 教程开始: 第一步:新建文件打开PS软件,点击文件-新建命令或Ctrl+N键新建文件,设置宽度1020px,高度1180px,背景默认为白色,点击确定即可; 第二步:创建导航背景我们将从header开始我们

如何设计出时尚大气的网页

  想学习做时尚网站吗?购物网站.时尚作品集.时尚部落格或者杂志都可以呦,这些网站的一个特点就是--都灰常受欢迎.怎么样,你也心痒痒了吧?我相信在你看这篇文章的同时,就已经下定决心做一个自己的时尚网站,所以话不多说,直奔主题.今天要跟大家分享的是关于设计时尚网页的一些知识,希望你能有所收获~ 1.选择一个平台 首先问你一个问题,你认为自己有足够的才华从头开始编写一个网站吗?如果答案是"yes",那么你能很好的运用设计软件诸如Dreamwaver, Photoshop, WebEasy,