|
您的位置: 首頁 > 網(wǎng)站資訊 > 黑色和白色的設(shè)計靈感的網(wǎng)站布局的例子 |
黑色和白色的設(shè)計靈感的網(wǎng)站布局的例子發(fā)布日期:2017/9/3
顏色可以顯示在設(shè)計許多東西:對比、情感、風(fēng)格,甚至主題。使用黑色和白色的設(shè)計網(wǎng)絡(luò)上的傳統(tǒng)上傾向于兩大網(wǎng)站:創(chuàng)意機(jī)構(gòu)和新聞出版物。 但這種高對比的配色方案,可以在任何地點使用時準(zhǔn)確實施。 下面我收集了一些網(wǎng)站,在很大程度上依靠于黑色和白色的顏色。每個站點使用這些顏色不同的目的,從極簡主義到現(xiàn)代主義和各具特色的專業(yè)風(fēng)范。我分析了每個例子幫助詮釋的設(shè)計元素上海做網(wǎng)站信息網(wǎng),以及如何將類似的想法進(jìn)入你自己的工作。 布恩的選擇 Lawrence Boone選擇使用抽象的設(shè)計手法與外形和新鮮的行距排版。這一定不是一個網(wǎng)站的布局規(guī)范,因為它沒有定義網(wǎng)格或靜態(tài)要素。 它依靠了深灰色和淺灰色的色調(diào)削減純黑色和純白色之間的嚴(yán)格的對比。 這也 這也是一個數(shù)字創(chuàng)意工作室專業(yè)從事平面設(shè)計和UI設(shè)計。其簡約的網(wǎng)站使用鮮明的詬誶給清晰可見的所有文本在頁面上。這不是一個迷人的布局,但它提供了關(guān)于工作室簡潔的信息。 西伯利亞 另一個創(chuàng)意工作室siberia.io打斷了他們的界面以白色和黑色的背景部分。文本顏色白與黑之間的交替保持對比。 該網(wǎng)站還使用詬誶圖標(biāo)與簡單的平面風(fēng)格展示思想視覺。它的設(shè)計是新的但同時熟悉。 攔截 一個在線新聞來源的攔截讓他們的設(shè)計簡單,所以內(nèi)容可以發(fā)光。任何給定的文章具有特色的題目圖像在黑色背景白色文字。頁面的其余部分是文本居中的純白色。 整體設(shè)計風(fēng)格散發(fā)著誠信和專業(yè)精神的感覺。我真的很喜好它的內(nèi)容的攔截,但設(shè)計也令人難以置信的使閱讀變得易如反掌。 環(huán)球郵報 全球后又是一個偉大的新聞網(wǎng)站與類似的黑色和白色的設(shè)計。新聞的中間舞臺和顏色保持在低。 布局是靠一些高亮顏色深淺不一的紅色,但布局95%是純白色和黑色。這是典型的新聞網(wǎng)站,想保留焦點。 毛 公司生產(chǎn)的毛在廣告業(yè)工作,這說明他們的工作質(zhì)量。投資組合自己是特別很是簡單的,特別很是注重排版和曩昔的客戶工作的照片。 他們的布局的一個很好的事情是重復(fù)的網(wǎng)格系統(tǒng)。縮略圖照片交替從右到左伴隨著純黑色的文字。它不是傳統(tǒng)但數(shù)字制作機(jī)構(gòu)它是完美的。 偉大的不滿 偉大的不滿是Web和打印專業(yè)雜志。他們的網(wǎng)站是一個沉重的重點放在圖片的雜志風(fēng)格的布局。 他們的設(shè)計依靠于天然的字體因為內(nèi)容是出版界的國王。文章有大的照片,超大的文本云岫谷農(nóng)家院,和明快的對比的黑色和白色的每一頁上。 希德李 Sid Lee的網(wǎng)站的功能,像一個新鮮的照片和網(wǎng)格的內(nèi)容。這是一個陰郁的背景給予了更多的個人接觸到布局控制。 還有一個新鮮的儀表板頁面Sid Lee從現(xiàn)實世界的數(shù)據(jù)域計數(shù)。這還用一個通俗的詬誶設(shè)計,純文本和扁平化的圖標(biāo)。這個儀表盤布局更像是一個藝術(shù)作品比界面設(shè)計,但它仍然值得一看。 幸福的感知 幸福的感知是由設(shè)計師網(wǎng)站首輪者雷恩。這是一個個人網(wǎng)站,他可以分享他的主題的意見。 設(shè)計是全黑的背景中的一些紋理和邊框。我覺得用深色的背景更個人的,尤其是在這個版面風(fēng)格。文本對比了淺灰色而不是純白色的,但很容易對眼睛和仍然清晰可讀。 3圣·詹姆斯街 這里是3圣杰姆斯廣場的一個有趣的網(wǎng)站,在倫敦市中間的建筑。這是一個相對簡單的布局使用深色的背景和較輕的背景和文本的高對比度。這也是一個我見過的一些網(wǎng)站使用倫敦TLD 推子 推桿是一個特別很是干凈的布局在線雜志。文字落在你所期待的,顏色很相配,都是易于使用的。 在這種布局中的色彩不給職業(yè)感,但現(xiàn)代意義。這是一個創(chuàng)造性的藝術(shù)雜志而不是傳統(tǒng)的報紙–大多因為排版和額外的空格。 紐約時報 相反,這里的每個人都應(yīng)該知道的網(wǎng)站。紐約時報已經(jīng)運行超過100年,仍然是主要的新聞來源可靠。他們的網(wǎng)站看起來可能平淡無奇,但它在內(nèi)容方面的一切。 在紐約時報網(wǎng)站的黑色和白色的顏色模擬報紙。這可能是為什么襯線字體添加到專業(yè)的感覺,當(dāng)它涉及到新聞網(wǎng)站。 掌握磨削 主磨是廚師和廚師愛好者銷售網(wǎng)站(又名人做飯)。本設(shè)計采用中間頁白裝在充滿陰郁的背景。 每一頁都跟這個相同的布局和它的出色的結(jié)構(gòu)和內(nèi)容的方法。內(nèi)容組織可能需要重組,但布局自己和如何行使顏色提供了對讀者有很大的影響。 Abduzeedo 流行設(shè)計網(wǎng)站Abduzeedo進(jìn)行了重新設(shè)計的黑色文字在白色背景。列有融合成的布局無形的指引。 文本仍然可讀但一些地區(qū)使用等寬字體。設(shè)計的評價褒貶不一,但總體很簡單,干凈,直奔主題。 70percentpure Stephanie Duval是來自比利時的自由撰稿人。該網(wǎng)站70percentpure是她的個人網(wǎng)站/博客展示她的作品在寫作和攝影。 這是令人難以置信的簡約與水平上市導(dǎo)航和幾個鏈接。內(nèi)容導(dǎo)航,從用戶體驗角度看并不完美,有點困難,但是精心設(shè)計的–尤其是個人網(wǎng)站。 JR及相關(guān) JR和相關(guān)éE是一個總部在巴黎的藝術(shù)家和創(chuàng)意專業(yè)人士管理組。他們的網(wǎng)站使用一個很好的混合的白色,黑色,灰色的顏色。這是一個很好的設(shè)計,感覺既專業(yè)又免費的同時流動。 kineda kineda是自我品牌生活體例雜志專注于科技,文化,娛樂上海做網(wǎng)站,和幾乎所有其他。我真的很喜好這個網(wǎng)站的簡單因為它仍然感覺剛性和結(jié)構(gòu)。內(nèi)容包括網(wǎng)格和側(cè)邊欄小工具在線也使用一點顏色的亮點。 利亞哈加爾 Leah Haggar是一位藝術(shù)家和數(shù)碼設(shè)計師與投資組合傾向于奇妙的詬誶相間的配色方案。頁面部分黑色和白色背景之間的交替而放置一個沉重的重點內(nèi)容。她的形象也保持詬誶直到徜徉。 做講座 做講座是一系列的研討會和會談記錄與網(wǎng)上公布。該網(wǎng)站提供這些視頻和相關(guān)內(nèi)容感愛好的讀者。 這是一個特別很是干凈的縮略圖的照片和清晰的排版布局。所有的照片都是詬誶的色調(diào)保持一致性。 好的雜志 好的雜志有一個新聞風(fēng)格的布局我見過。它使用凸起的封面故事吸引讀者的注重力特別很是大的攝影。 它的顏色如藍(lán)色和綠色,需要站出來的元素使用強(qiáng)調(diào)。但一個典型的文章頁面只有一個白色的背景,黑色的文字,和一些照片散落在各處。 有線 另一個的雜志是有線,真的印刷世界的開始。他們的網(wǎng)站布局已經(jīng)有幾年依靠卡/雜志設(shè)計保持類似網(wǎng)格。 每一個故事都包含在它自己的小盒子用白色黑色邊框作為一大亮點。這一效果應(yīng)用到網(wǎng)頁題目、欄柱。有線使用的顏色就像外面的凸起的好,但布局主要以黑色和白色的配色方案。 布列塔尼的埃絲特 Brittany Esther是個攝影師,她的組合使用深色作為清晰度的手段。因為焦點在于意象、網(wǎng)頁文本通常較小。但文本放在一二列的網(wǎng)格,就像照片中的多空間。 村 村是一個集字體和字體由專業(yè)設(shè)計師出售。該網(wǎng)站使用一個簡單的白色背景在每一頁的一個小陰影描繪的頭。它的偉大工程,因為村里的主要焦點是排版,所以白底黑字的站出來百度網(wǎng)站優(yōu)化,就像你所期望的。 福斯曼和bodenfors Forsman & bodenfors是一個基于瑞典的自力創(chuàng)意機(jī)構(gòu)。他們的網(wǎng)站的一個沉重的利息在印刷大勇敢的題目和混合大寫/小寫文本。 一個批判自己的站點內(nèi)容策略;很難找出他們事實上做。但導(dǎo)航,可讀性和布局設(shè)計都特別很是適合數(shù)字社。 紐約雜志 紐約雜志依靠于類似的布局設(shè)計為紐約時報。多個列,題目和簡短的短片段,散布在整個頁面的縮略圖。 它還采用了全黑的顏色方案,給出了被直接從編輯部印刷相同的印象。 一些我們喜好的模板,展示黑/白的設(shè)計: 純黑色/白色–創(chuàng)意多功能模板 我是誰–個人簡歷和作品集 |
其他相關(guān)文章 |
|
|
|
||||||||
Copyright 2012-2025 上海蒙狼網(wǎng)絡(luò)科技有限公司 www.chaojifanwen.com All Rights Reserved |