• <strike id="mem0a"><s id="mem0a"></s></strike>
    
    
  • <kbd id="mem0a"></kbd>
    <ul id="mem0a"></ul>
     
    深圳網站設計制作欣賞

    將想法與焦點和您一起共享

    深圳網站建設設計 深圳網站優化排名 深圳網站設計制作欣賞

    黑暗的網頁設計注意事項

    2016-04-08  閱讀: 深圳網站建設設計

    黑暗的網頁設計注意事項
    黑暗的網頁設計很受歡迎,可以有一個優雅的創意訴求。
    他們也適合多種類型的客戶工作,但是,他們并不適合每一個網站,應該只有在適當的時候使用。
    在醒目的視覺沖擊,這些黑暗的設計可以有很多設計師不知道如何有效地將它們關閉不關閉游客。
    一個黑暗的設計是可讀性差,大多數讀者不上訴的機會少的傳統設計元素。

     

    在這篇文章中,我們將討論一些提示,讓你的下一個黑暗的網站設計吸引廣大觀眾,同時讓你的設計師,發揮你的創造力。
    一最近的民意調查表明光設計的通用Web觀眾高達47%的優先。主要原因是可讀性。大多數人不喜歡看光在黑色背景文字網站因為這株他們的眼睛,使一個更愉快的體驗。

    相比之下,10%的受訪者表示,他們總是選擇深色背景的網站,而另外36%的人說,最好的選擇將取決于類型的網站。
    所以,正確的答案是什么?當它來的時候,每個人都有自己的觀點,那就是。
    但這樣一個大比例的用戶說,黑暗的網站設計是可以接受的,有時甚至是首選,我們作為網頁設計師必須了解如何創建我們自己和我們的客戶有效的設計深。

    這意味著讓所有的光,黑暗的背景設計可以更具可讀性和用戶友好的真正的信徒。
     


    使用更多的空白
    或者應該叫“黑空間”?白色空間的有效使用任何類型的設計是很重要的,但它是必不可少的深色背景的網站。
    黑暗的設計有一種傾向,覺得“重”,并使他們可以加強這種感覺。在一些流行的黑網站設計下面一看,注意他們的自由使用空白的空間有很大的影響。

    黑色的地產看到所有在互聯網上的暗網的設計展示。這的確是一個所有美麗的設計和值得關注。大量的白色空間是整個設計的,是什么讓這個獨特的設計是多么的空格是用來勾勒的某些元素,從而有效地。
    標志有很多白色的周圍的空間,我們首先看到的是游客。我們看到在右下的主要內容和瓶。正如你看到的,白色的空間用完美突出瓶子上的主要內容和標題文本。

     

    特色內容滴答滴答和相應的圖像在該設計框架最白的空間。當我們向下,我們看到白色的空間更少,這使得我們注意所顯示的內容。
    這里的關鍵是,白色的空間逐步引導用戶到最后的頁面。
    黑暗的背景加至設計深度。因為網站非常依賴于空白,也沒有黑暗背景的創意效果是那么有趣。

     

    這個Mark Dearman網站在其布局的自由和均勻分布的白色空間。
    白色的空間框架各組合件提供呼吸的空間足夠它的內容,它是一個很好的休息點,然后移動到下一個塊。
    大量的白色空間是黑暗的設計必不可少的因為它不僅有助于清潔的布局而制定的重要元素和添加優雅的整體外觀。

    黑暗的網頁設計注意事項

    文本的空白
    因為可讀性是那些不喜歡深色背景的頭號關注的問題,設計師必須特別關注文本本身。
    正如在總體設計中,一種方式來提高可讀性在黑暗的網站是增加白色空間通過調整段落大小,字距和領導。
    下面的例子說明了什么不同的間距和字符進行比較黑暗與光明的布局。
     
     
    另一種方法來提高可讀性在黑暗的網頁設計是增加字體大小。最喜歡的其他規則,在這篇文章中,更大的字體大小,意味著更多的白色空間。更大的字母,更白的空間會出現在每一封信。
    例如,一個“下變得更白的空間就更大的信”,在它周圍和內部的封閉空間和面積的屋檐下。
    注意閱讀小文本是很容易在淺色背景上的黑暗。當設置字體的一個新的網站,一定要看一些虛擬的文字是否清晰。如果不是,看是否增加文字大小的幫助。

    黑暗的網頁設計注意事項

    另一種方法來提高可讀性在黑暗的網頁設計是增加字體大小。最喜歡的其他規則,在這篇文章中,更大的字體大小,意味著更多的白色空間。更大的字母,更白的空間會出現在每一封信。
    例如,一個“下變得更白的空間就更大的信”,在它周圍和內部的封閉空間和面積的屋檐下。
    注意閱讀小文本是很容易在淺色背景上的黑暗。當設置字體的一個新的網站,一定要看一些虛擬的文字是否清晰。如果不是,看是否增加文字大小的幫助。
     
     
    文本對比
    許多人普遍認為大多數的黑網站引起眼睛疲勞。太多或太少的對比通常是罪魁禍首。如何找到一個平衡?
    如果你在一個漆黑的房間,突然直視光不愉快。但看著那么明亮的光在黑暗的房間里就好少。同樣的原則也適用于網頁設計。
    尋找完美的對比度意味著平衡黑暗的背景與明亮的文字。
    下面是一個(非常)粗略的說明文字和背景之間的對比。注意當背景變得更亮,那么文本。
    對于文本中發現愉快的對比是一個純黑色的背景更加困難。
    找到完美的平衡,用深淺不同的實驗。最好的結果通常是一個背景,不是純黑色和純文本,不是純白色。

     

    處理字體
    字體設計中起著很大的作用,應該與黑暗的布局考慮周到。下面的圖像顯示在一個黑暗的背景14點字體在襯線和無襯線字體。
    sans-serif字體明顯更清晰。但許多設計師仍然選擇他們的優雅的襯線字體。
    雖然伎倆,,是把大的文本字體,使多余的空格的洪水在每個字符使文字很清晰。
     
     
    下面的截圖是一個網站討論這篇文章之前。它的特點是襯線和無襯線字體,但使用他們的智能方法。
    較大的文本,如標題、導航和標題,是為增加優雅的字體。為了更好的對比度和提高可讀性,正文是一個干凈的無襯線字體。

    黑暗的網頁設計注意事項

    使用最小的配色方案
    給他們黑暗的設計看起來更干凈、整齊,設計師應盡量選擇最小的配色方案。
    從下面的幾個例子中,我們可以看到繁忙的配色方案真的在暗背景的方式,因為對比太強烈。
    堅持一種或兩種顏色。添加更多的顏色,試試深色的背景。
     
     
    當然,許多黑暗的網頁設計有更多精彩的配色方案。所以這個規則經常被打破,但只有用正確的方法。
    一般來說,雖然,顏色通常是什么使網站看起來很忙。因為黑暗的網站已經有深度,用色謹慎。
     
    提供一個樣式切換器
    雖然我們有很多好的做法,使黑暗的網頁設計更具吸引力,再多的努力滿足每一位用戶。
    一定要包括一個樣式切換器,這樣用戶最終可以選擇查看深色文字在淺色背景。
    兩個樣式表是必須的,一個默認的黑暗的布局,一個布局選擇光。
    在這一個優秀的教程SitePoint:在CSS創建一個簡單的樣式切換器。而不是使用“橙色”、“藍色”、“白色”版本的教程,只是用“光”和“黑暗”的樣式表。
     
    當黑暗的網頁設計作品最好
    如前所述,很大比例的網民認為,一個黑暗的網頁設計可以為網站的某些類型的工作。但是研究沒有這些類型是什么。
    一般來說,黑色最適合創意或優雅的設計。現代時尚的網站,深色背景增添優雅。對于低劣或手繪風格,深色背景提高布局的創新。
     
    優雅的黑色設計
    黑暗可以深、權威性強,往往看起來優雅恰當地使用。這里有幾個例子,帶出優雅的在一個黑暗的一些設計技巧。
    網站Larissa Meek在背景簡單的復古風格的圖案,設置一個優雅的色調。其他奇特功能的設計添加個人觸摸。
    這種技術可用于許多類型的網站。古董或經典的圖案和紋理可以創建一個看起來既優雅又適合年齡。
    我們大多數人復古圖案與高階層,所以創造這樣一個高級的網站是容易的。

     

    深度核心有一個非常干凈的設計,一個黑暗的背景,增加了風格和類。一種權威感的設計也很明顯。這種優雅也可能使一個設計師的作品集出現更多有價值的結果。
    注意,這個設計沒有紋理或圖像比其他組合件和標志。否則,這些設計都太忙碌;是的,內容是編織在一起的好。
    一個好的過程,遵循的是添加重要內容先把設計元素的需要。設計師可以停下來反思是每增加一個新的元素,使版面不超過供電。
     
     
    正如藝術品可以出現在一個優雅的設計更為重要,所以可以的產品。一個黑暗和圓滑的設計,如Tapbots和很多其他人,有助于展示產品被出售。
    設計反映了設備本身,其梯度和照明效果;有些設計甚至模仿他們的高科技產品質地。
     
     
    黑暗的設計創意
    除了出現優雅,黑暗的網站設計也可以產生更強的情緒反應比標準的燈光設計,使他們理想的創意項目。讓我們看一些創意設計是盡可能的實例看。
    這個站點以下內容很少但有一個獨特的布局和黑暗的顏色深度。深色的背景是完美的網站內容很少。
    因為他們需要更多的白色空間,設計師有更多的空間來工作。
     
     
    網頁設計教程有很多種形式,因為垃圾是“黑暗和骯臟的,黑暗的背景是其中的一個形式。
    黑暗的車庫設計trozo似乎打破了所有的規則:繁忙的紋理,擁擠的布局和寬范圍的顏色。然而,該網站仍然有效。這怎么可能呢?
    有這么多的混亂元素的工作,垃圾設計,可狡猾的初學者。是什么使這一工作的組織。
    背景有清楚的塊,引導用戶的目光,幫助把內容分成可管理的部分。


    其次,它有大量的白色空間。背景可能變形,但重復的圖案是由用戶視為白色的空間,有助于減輕設計。
    這個白色的空間是最明顯的標志在左,右側的導航。
    甚至在“圖01”和“圖02”是一個更大的白空間比通常在一個網站上找到像這樣的。
    白色的空間事件的事情了,即使它不看起來像白色的空間,因為它有紋理。最小的文字和幾節(三)也有助于這種外觀簡約。

    黑暗的網頁設計注意事項

    深色的背景通常用來制作燈光效果和鮮艷的顏色更突出。
    這樣的設計是一個很有創意的例外規則的最小顏色。但規則應該被注意:避免分心的漸變、紋理和色彩的進一步下降的頁面。
     
     
    結束了
    深色的背景給人一種高雅的感覺和創意的網頁設計,使他們完美的一些組合,但他們并不適合每一個網站。
    對于大型的網站,特別是那些有視覺障礙和其他殘疾的人,黑暗的設計是沒有,即使有一個樣式切換器。
    希望到時候,你需要一個黑暗的背景的網站設計,這些技巧和策略將有助于。

    將文章分享到..