登入

網頁文章


立體造型01(solid01)系列-多色系版型

 
設計概念
 

導覽列按鈕為邊角捲紙的立體效果造型,並以對比色配色區別按鈕,portlet外框則是用圖釘釘在桌面上的立體紙條來呈現,版面風格追求新潮及稍許的空間感。版型為多色調:藍、深藍、紅、橘、綠、紫、灰等七種色系變換組合,使用者可以透過「色彩設計」按鈕變換版型色系,使網站版面色彩變化更加豐富。

 
展示網址
 
http://www.iportfolio.cc/web/solid
 
版型特色
 
  • 以邊角捲紙的造型作為導覽列,下方有10px的線條整合按鈕,並和已選取按鈕無縫相接,增加整體感。
  • 導覽列用對比色配色的方式來區別已選取和未選取之按鈕,使視覺上更為有變化。 以圖釘釘紙造型為portlet外框,增添立體視覺感。
  • 上方Logo或banner適合用寬938px之方形圖檔。
  • 網站背景配合多色系變換,並以細斜紋覆蓋裝飾。
  • 為多色系版型,選取主要版型後,可利用色彩設計,選擇其他相同結構不同配色的版型。
 

立體按鈕01系列-網頁縮圖(共有七種色系)

 



 

細節瀏覽-上方立體導覽列

 
以邊角捲紙的造型作為導覽列,下方有10px的線條整合按鈕,並和已選取按鈕無縫相接,增加整體感。
 
 
 
 

細節瀏覽-圖釘釘紙造型portlet外框

 
以圖釘釘紙造型為portlet外框,呼應上方導覽列,增添立體視覺感。
 
 
細節瀏覽-Logo或banner上傳-938px之方形banner最佳
 
上方Logo或banner適合用寬938px之方形圖檔。
 
 
 
細節瀏覽-多色系背景顏色
 
兩邊背景部分配合版型多色系加上顏色,向兩邊無限延伸,並以斜條紋覆蓋,增加背景層次感。
 

網頁: 1  2