close

泛泛而談界面中的斑馬紋設計 -網上推廣


 

大家好,我叫斑馬紋

  列表中使用兩種相同的樣式但顏色不同的背景,來間隔顯示的內容。
  當然這個釋義我是借鑒《designing interfaces》來的,略有不同。我肯定承認這是一本神作,不過看了當下很多界面以及自身平時的設計之后,發現實際情況中使用的斑馬紋在原來基礎上通過視覺的處理有了擴展,不僅僅是一深一淺單純顏色的配合使用。

 

圖一:最正宗的斑馬紋應用


圖二:斑馬紋的延伸 – 內容高度不一致的應用


圖三:斑馬紋的延伸 – 增加線條的分割


圖四:斑馬紋的延伸 – 僅使用分割線


圖五:斑馬紋的延伸 – 單行顏色漸變形成的錯落分割


圖六:斑馬紋的延伸 – 僅僅使用留空來分割(有一種神交的感覺)


arrow
arrow
    創作者介紹
    創作者 pagepe 的頭像
    pagepe

    pagepe的部落格

    pagepe 發表在 痞客邦 留言(0) 人氣()