2014-07-04 分類: 網(wǎng)站建設(shè)
黑暗的網(wǎng)頁設(shè)計注意事項
黑暗的網(wǎng)頁設(shè)計很受歡迎,可以有一個優(yōu)雅的創(chuàng)意訴求。
他們也適合多種類型的客戶工作,但是,他們并不適合每一個網(wǎng)站,應(yīng)該只有在適當(dāng)?shù)臅r候使用。
在醒目的視覺沖擊,這些黑暗的設(shè)計可以有很多設(shè)計師不知道如何有效地將它們關(guān)閉不關(guān)閉游客。
一個黑暗的設(shè)計是可讀性差,大多數(shù)讀者不上訴的機(jī)會少的傳統(tǒng)設(shè)計元素。
在這篇文章中,我們將討論一些提示,讓你的下一個黑暗的網(wǎng)站設(shè)計吸引廣大觀眾,同時讓你的設(shè)計師,發(fā)揮你的創(chuàng)造力。
一最近的民意調(diào)查表明光設(shè)計的通用Web觀眾高達(dá)47%的優(yōu)先。主要原因是可讀性。大多數(shù)人不喜歡看光在黑色背景文字網(wǎng)站因為這株他們的眼睛,使一個更愉快的體驗。
相比之下,10%的受訪者表示,他們總是選擇深色背景的網(wǎng)站,而另外36%的人說,選擇將取決于類型的網(wǎng)站。
所以,正確的答案是什么?當(dāng)它來的時候,每個人都有自己的觀點,那就是。
但這樣一個大比例的用戶說,黑暗的網(wǎng)站設(shè)計是可以接受的,有時甚至是選,我們作為網(wǎng)頁設(shè)計師必須了解如何創(chuàng)建我們自己和我們的客戶有效的設(shè)計深。
這意味著讓所有的光,黑暗的背景設(shè)計可以更具可讀性和用戶友好的真正的信徒。
使用更多的空白
或者應(yīng)該叫“黑空間”?白色空間的有效使用任何類型的設(shè)計是很重要的,但它是必不可少的深色背景的網(wǎng)站。
黑暗的設(shè)計有一種傾向,覺得“重”,并使他們可以加強(qiáng)這種感覺。在一些流行的黑網(wǎng)站設(shè)計下面一看,注意他們的自由使用空白的空間有很大的影響。
黑色的地產(chǎn)看到所有在互聯(lián)網(wǎng)上的暗網(wǎng)的設(shè)計展示。這的確是一個所有美麗的設(shè)計和值得關(guān)注。大量的白色空間是整個設(shè)計的,是什么讓這個獨(dú)特的設(shè)計是多么的空格是用來勾勒的某些元素,從而有效地。
標(biāo)志有很多白色的周圍的空間,我們首先看到的是游客。我們看到在右下的主要內(nèi)容和瓶。正如你看到的,白色的空間用好突出瓶子上的主要內(nèi)容和標(biāo)題文本。
特色內(nèi)容滴答滴答和相應(yīng)的圖像在該設(shè)計框架最白的空間。當(dāng)我們向下,我們看到白色的空間更少,這使得我們注意所顯示的內(nèi)容。
這里的關(guān)鍵是,白色的空間逐步引導(dǎo)用戶到最后的頁面。
黑暗的背景加至設(shè)計深度。因為網(wǎng)站非常依賴于空白,也沒有黑暗背景的創(chuàng)意效果是那么有趣。
這個Mark Dearman網(wǎng)站在其布局的自由和均勻分布的白色空間。
白色的空間框架各組合件提供呼吸的空間足夠它的內(nèi)容,它是一個很好的休息點,然后移動到下一個塊。
大量的白色空間是黑暗的設(shè)計必不可少的因為它不僅有助于清潔的布局而制定的重要元素和添加優(yōu)雅的整體外觀。
文本的空白
因為可讀性是那些不喜歡深色背景的頭號關(guān)注的問題,設(shè)計師必須特別關(guān)注文本本身。
正如在總體設(shè)計中,一種方式來提高可讀性在黑暗的網(wǎng)站是增加白色空間通過調(diào)整段落大小,字距和領(lǐng)導(dǎo)。
下面的例子說明了什么不同的間距和字符進(jìn)行比較黑暗與光明的布局。
另一種方法來提高可讀性在黑暗的網(wǎng)頁設(shè)計是增加字體大小。最喜歡的其他規(guī)則,在這篇文章中,更大的字體大小,意味著更多的白色空間。更大的字母,更白的空間會出現(xiàn)在每一封信。
例如,一個“下變得更白的空間就更大的信”,在它周圍和內(nèi)部的封閉空間和面積的屋檐下。
注意閱讀小文本是很容易在淺色背景上的黑暗。當(dāng)設(shè)置字體的一個新的網(wǎng)站,一定要看一些虛擬的文字是否清晰。如果不是,看是否增加文字大小的幫助。
另一種方法來提高可讀性在黑暗的網(wǎng)頁設(shè)計是增加字體大小。最喜歡的其他規(guī)則,在這篇文章中,更大的字體大小,意味著更多的白色空間。更大的字母,更白的空間會出現(xiàn)在每一封信。
例如,一個“下變得更白的空間就更大的信”,在它周圍和內(nèi)部的封閉空間和面積的屋檐下。
注意閱讀小文本是很容易在淺色背景上的黑暗。當(dāng)設(shè)置字體的一個新的網(wǎng)站,一定要看一些虛擬的文字是否清晰。如果不是,看是否增加文字大小的幫助。
文本對比
許多人普遍認(rèn)為大多數(shù)的黑網(wǎng)站引起眼睛疲勞。太多或太少的對比通常是罪魁禍?zhǔn)住H绾握业揭粋€平衡?
如果你在一個漆黑的房間,突然直視光不愉快。但看著那么明亮的光在黑暗的房間里就好少。同樣的原則也適用于網(wǎng)頁設(shè)計。
尋找好的對比度意味著平衡黑暗的背景與明亮的文字。
下面是一個(非常)粗略的說明文字和背景之間的對比。注意當(dāng)背景變得更亮,那么文本。
對于文本中發(fā)現(xiàn)愉快的對比是一個純黑色的背景更加困難。
找到好的平衡,用深淺不同的實驗。結(jié)果通常是一個背景,不是純黑色和純文本,不是純白色。
處理字體
字體設(shè)計中起著很大的作用,應(yīng)該與黑暗的布局考慮周到。下面的圖像顯示在一個黑暗的背景14點字體在襯線和無襯線字體。
sans-serif字體明顯更清晰。但許多設(shè)計師仍然選擇他們的優(yōu)雅的襯線字體。
雖然伎倆,,是把大的文本字體,使多余的空格的洪水在每個字符使文字很清晰。
下面的截圖是一個網(wǎng)站討論這篇文章之前。它的特點是襯線和無襯線字體,但使用他們的智能方法。
較大的文本,如標(biāo)題、導(dǎo)航和標(biāo)題,是為增加優(yōu)雅的字體。為了更好的對比度和提高可讀性,正文是一個干凈的無襯線字體。
使用最小的配色方案
給他們黑暗的設(shè)計看起來更干凈、整齊,設(shè)計師應(yīng)盡量選擇最小的配色方案。
從下面的幾個例子中,我們可以看到繁忙的配色方案真的在暗背景的方式,因為對比太強(qiáng)烈。
堅持一種或兩種顏色。添加更多的顏色,試試深色的背景。
當(dāng)然,許多黑暗的網(wǎng)頁設(shè)計有更多精彩的配色方案。所以這個規(guī)則經(jīng)常被打破,但只有用正確的方法。
一般來說,雖然,顏色通常是什么使網(wǎng)站看起來很忙。因為黑暗的網(wǎng)站已經(jīng)有深度,用色謹(jǐn)慎。
提供一個樣式切換器
雖然我們有很多好的做法,使黑暗的網(wǎng)頁設(shè)計更具吸引力,再多的努力滿足每一位用戶。
一定要包括一個樣式切換器,這樣用戶最終可以選擇查看深色文字在淺色背景。
兩個樣式表是必須的,一個默認(rèn)的黑暗的布局,一個布局選擇光。
在這一個優(yōu)秀的教程SitePoint:在CSS創(chuàng)建一個簡單的樣式切換器。而不是使用“橙色”、“藍(lán)色”、“白色”版本的教程,只是用“光”和“黑暗”的樣式表。
當(dāng)黑暗的網(wǎng)頁設(shè)計作品
如前所述,很大比例的網(wǎng)民認(rèn)為,一個黑暗的網(wǎng)頁設(shè)計可以為網(wǎng)站的某些類型的工作。但是研究沒有這些類型是什么。
一般來說,黑色最適合創(chuàng)意或優(yōu)雅的設(shè)計。現(xiàn)代時尚的網(wǎng)站,深色背景增添優(yōu)雅。對于低劣或手繪風(fēng)格,深色背景提高布局的創(chuàng)新。
優(yōu)雅的黑色設(shè)計
黑暗可以深、權(quán)威性強(qiáng),往往看起來優(yōu)雅恰當(dāng)?shù)厥褂?。這里有幾個例子,帶出優(yōu)雅的在一個黑暗的一些設(shè)計技巧。
網(wǎng)站Larissa Meek在背景簡單的復(fù)古風(fēng)格的圖案,設(shè)置一個優(yōu)雅的色調(diào)。其他奇特功能的設(shè)計添加個人觸摸。
這種技術(shù)可用于許多類型的網(wǎng)站。古董或經(jīng)典的圖案和紋理可以創(chuàng)建一個看起來既優(yōu)雅又適合年齡。
我們大多數(shù)人復(fù)古圖案與高階層,所以創(chuàng)造這樣一個高級的網(wǎng)站是容易的。
深度核心有一個非常干凈的設(shè)計,一個黑暗的背景,增加了風(fēng)格和類。一種權(quán)威感的設(shè)計也很明顯。這種優(yōu)雅也可能使一個設(shè)計師的作品集出現(xiàn)更多有價值的結(jié)果。
注意,這個設(shè)計沒有紋理或圖像比其他組合件和標(biāo)志。否則,這些設(shè)計都太忙碌;是的,內(nèi)容是編織在一起的好。
一個好的過程,遵循的是添加重要內(nèi)容先把設(shè)計元素的需要。設(shè)計師可以停下來反思是每增加一個新的元素,使版面不超過供電。
正如藝術(shù)品可以出現(xiàn)在一個優(yōu)雅的設(shè)計更為重要,所以可以的產(chǎn)品。一個黑暗和圓滑的設(shè)計,如Tapbots和很多其他人,有助于展示產(chǎn)品被出售。
設(shè)計反映了設(shè)備本身,其梯度和照明效果;有些設(shè)計甚至模仿他們的高科技產(chǎn)品質(zhì)地。
黑暗的設(shè)計創(chuàng)意
除了出現(xiàn)優(yōu)雅,黑暗的網(wǎng)站設(shè)計也可以產(chǎn)生更強(qiáng)的情緒反應(yīng)比標(biāo)準(zhǔn)的燈光設(shè)計,使他們理想的創(chuàng)意項目。讓我們看一些創(chuàng)意設(shè)計是盡可能的實例看。
這個站點以下內(nèi)容很少但有一個獨(dú)特的布局和黑暗的顏色深度。深色的背景是好的網(wǎng)站內(nèi)容很少。
因為他們需要更多的白色空間,設(shè)計師有更多的空間來工作。
網(wǎng)頁設(shè)計教程有很多種形式,因為垃圾是“黑暗和骯臟的,黑暗的背景是其中的一個形式。
黑暗的車庫設(shè)計trozo似乎打破了所有的規(guī)則:繁忙的紋理,擁擠的布局和寬范圍的顏色。然而,該網(wǎng)站仍然有效。這怎么可能呢?
有這么多的混亂元素的工作,垃圾設(shè)計,可狡猾的初學(xué)者。是什么使這一工作的組織。
背景有清楚的塊,引導(dǎo)用戶的目光,幫助把內(nèi)容分成可管理的部分。
其次,它有大量的白色空間。背景可能變形,但重復(fù)的圖案是由用戶視為白色的空間,有助于減輕設(shè)計。
這個白色的空間是最明顯的標(biāo)志在左,右側(cè)的導(dǎo)航。
甚至在“圖01”和“圖02”是一個更大的白空間比通常在一個網(wǎng)站上找到像這樣的。
白色的空間事件的事情了,即使它不看起來像白色的空間,因為它有紋理。最小的文字和幾節(jié)(三)也有助于這種外觀簡約。
深色的背景通常用來制作燈光效果和鮮艷的顏色更突出。
這樣的設(shè)計是一個很有創(chuàng)意的例外規(guī)則的最小顏色。但規(guī)則應(yīng)該被注意:避免分心的漸變、紋理和色彩的進(jìn)一步下降的頁面。
結(jié)束了
深色的背景給人一種高雅的感覺和創(chuàng)意的網(wǎng)頁設(shè)計,使他們好的一些組合,但他們并不適合每一個網(wǎng)站。
對于大型的網(wǎng)站,特別是那些有視覺障礙和其他殘疾的人,黑暗的設(shè)計是沒有,即使有一個樣式切換器。
希望到時候,你需要一個黑暗的背景的網(wǎng)站設(shè)計,這些技巧和策略將有助于。
網(wǎng)頁名稱:黑暗的網(wǎng)頁設(shè)計注意事項
網(wǎng)址分享:http://m.rwnh.cn/news1/20101.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供建站公司、商城網(wǎng)站、網(wǎng)站營銷、軟件開發(fā)、App開發(fā)、動態(tài)網(wǎng)站
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容