標籤按鈕02(company02)系列-多色系版型
|
|
設計概念 |
 |
|
標籤按鈕的另一種,將原本正的標籤改成倒置的。網站為多色系背景加上皺摺紋理,增加網站質感。 版型為多色系版型,分別為藍、淺藍、深藍、紅、橘、綠、紫、等七種色系變換組合,使用者可以透過「色彩設計」按鈕變換版型色系,使網站版面色彩變化更加豐富。 |
|
展示網址 |
 |
|
http://www.iportfolio.cc/web/company02 |
|
版型特色 |
 |
|
- 導覽列為倒置的標籤按鈕,已選取的按鈕顏色配合多色系有漸層變化並與上方色塊無縫銜接。
- 網站背景配合多色系變化,並加上皺摺紋裡,增加網站質感。
- Portlet外框為細線圓角矩型,標題的背景有多色系的漸層色襯底。
- 為多色系版型,選取主要版型後,可利用色彩設計,選擇其他相同結構不同配色的版型。
|
|
標籤按鈕02系列-網頁縮圖(共有七種色系) |
 |
|
  
|
|
細節瀏覽-倒置標籤式導覽列 |
 |
|
導覽列以方塊造型構成,在已選取的狀態下呈現白色,並且會和banner的白色邊框作無縫銜接,表現整體感。 |
|
 |
|
細節瀏覽-portlet細線邊框加漸層襯底 |
 |
|
灰色細線Portlet邊框,使portlet看起來細緻,再加上標題的為置有漸層色襯底,增加視覺變化。 |
|
|
|
細節瀏覽-Logo或banner上傳-938px之方形banner最佳
|
 |
|
上方Logo或banner適合用寬938px之方形圖檔。上傳後會自動出現白色邊框包圍,以搭配整體設計。 |
|
 |
|
細節瀏覽-皺摺紋裡漸層背景鋪陳 |
 |
|
網站背景顏色配合多色系變換,用具有皺摺紋裡的背景色填滿網站左右兩端。 |
|
 |