Navigation menu

0755-82192581
  • Contact us
  • 0755-82192581
  • 深圳市羅湖(hú)區(qū)嘉賓路深華商(shāng)業大廈9樓(地鐵1号線(xiàn)國(guó)貿站B出口既是)

    3375726676@qq.com


    © 2007-2021 All Rights Reserved.
  • 策略型高端網站設計公(gōng)司

    Strategic advanced website design company

    View More
  • 羅湖(hú)網站設計為(wèi)什麽看起來不錯

    時間:2021-03-15  作(zuò)者:尼高GARY  來源:https://www.niegoweb.com
    在高速發展的互聯網時代,網站設計的重要性不言而喻。今天就來說說羅湖(hú)網站設計為(wèi)什麽看起來不錯。視覺美學(xué)設計使用(yòng)一緻的版式,建立清晰的層次結構,使用(yòng)精(jīng)緻的調色闆,并與網格對齊。


    羅湖(hú)網站設計

    諸如字體(tǐ),顔色和對齊方式之類的視覺細節創造了一種可(kě)用(yòng)的體(tǐ)驗,并表達了品牌特征(例如友好性或可(kě)靠性)。查看設計很(hěn)容易,發現它看起來不錯。查明為(wèi)什麽看起來不錯通常要困難得多(duō)。在本文(wén)中(zhōng),我們分(fēn)析了三種用(yòng)戶界面設計,并讨論了使它們具(jù)有(yǒu)吸引力的視覺設計原理(lǐ)。

    對齊網格。首先,有(yǒu)一個列網格(上圖中(zhōng)的粉紅色線(xiàn))。柱狀網格提供了與對象對齊的垂直錨定線(xiàn)。由于側邊欄内容保持與最左邊的網格線(xiàn)對齊,因此設計看起來清晰,并且側邊欄内容易于掃描。文(wén)章文(wén)本也保持與列網格線(xiàn)對齊。 

    在您的設計中(zhōng),設置一個列網格,并使不同頁(yè)面和元素之間的對齊方式保持一緻。任何對齊不一緻都應該是有(yǒu)目的的-定義清晰的規則來指導您(并記住左對齊支持可(kě)掃描性)。 

    印刷差異。中(zhōng)号使用(yòng)同一字體(tǐ)家族中(zhōng)的不同字體(tǐ)樣式(小(xiǎo)寫,粗體(tǐ),斜體(tǐ),帶下劃線(xiàn)的字體(tǐ))和輕微的顔色變化(黑色與灰色)以區(qū)分(fēn)不同類型的内容。雖然太多(duō)的變化會破壞一緻性并使設計看起來雜亂無章,但Medium的變體(tǐ)卻始終如一地并有(yǒu)目的地應用(yòng)。例如,WRITTEN BY中(zhōng)的小(xiǎo)寫字母表示它是節标題。這種差異使設計無法感覺平整,但仍與文(wén)本的其餘部分(fēn)保持内聚。根據經驗,确定一個印刷系統并将您的設計限制為(wèi)1-2種字體(tǐ)。始終出于相同目的(即使是跨網頁(yè)或界面區(qū)域)使用(yòng)相同類型的變體(tǐ)(斜體(tǐ),粗體(tǐ),小(xiǎo)寫)。 


    網站設計

    文(wén)本行之間的多(duō)餘空間。的主導,這是段類型的每一行的基線(xiàn)之間的距離,稍微從默認間隔增加(其通常2px的大于字體(tǐ)大小(xiǎo))。在這種情況下,前導字符比字體(tǐ)大小(xiǎo)大4–6px,有(yǒu)助于創建通風且開放的文(wén)本塊。減小(xiǎo)标準行距将導緻上升和下降之間的不舒服碰撞以及密集的讀取。如果您有(yǒu)多(duō)個文(wén)本段落,請考慮增加默認的+ 2px前導,否則可(kě)能(néng)會感到視覺上的密集和沉重。 

    緊縮和跟蹤調整。設計師還考慮了字母形狀之間因特殊形狀而造成的尴尬間距。字距調整和跟蹤通常應用(yòng)于較大的類型,例如标題,其中(zhōng)的空格更明顯。通常在形成一個角度的字母(例如W,Y,V或T)周圍會出現空白。例如,在标題“日本的鍛煉方式”中(zhōng),單詞“ What”中(zhōng)的字母W和h之間的間距已略微壓縮。雖然大多(duō)數字體(tǐ)系列會自動調整字距調整(它已内置在字體(tǐ)樣式中(zhōng)),但是請考慮手動調整字距明顯的大标題或徽标的字距調整。

    相關案例

    OTHER CASE