登入

網頁文章


簡約風格(simple)系列-多色系版型

 
設計概念
 

設計概念:以各種色系的立體圓角矩形作為導覽列背景及portlet標題,並且將potlet的邊框線取消,版面整體力求簡單清爽。紅、橙、黃、綠、藍、紫、灰等七種色系變換組合,使用者可以透過「色彩設計」按鈕變換版型色系,使網站版面色彩變化更加豐富。

(註:png透明圖檔瀏覽器IE6不支援)

 
展示網址
 

http://www.iportfolio.cc/web/simple

 
版型特色
 
  • 版面整體力求簡單清爽
  • 稍微有光影變化立體感的導覽列橫bar
  • 整體色彩以「相近色」來設計,使視覺上舒適協調。
  • portlet邊框線取消,沒有界線,清爽乾淨。
  • 上方Logo或banner適合用寬938px之圓角圖檔。
  • 為多色系版型,選取主要版型後,可利用色彩設計,選擇其他相同結構不同配色的版型。
 
簡約風格-網頁縮圖(共有七種色系)
 




 

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

 

上方導覽列為一橫排文字排列,背景圖片是有微小反光質感的圓角矩形裝飾,使版型雖然簡單,但仍不失一定的質感。

 
 

細節瀏覽-沒有四圍框線的質感portlet

 

portlet的外觀和導覽列相似,以有微小反光質感的圓角矩形裝飾標題,但將portlet的外框線取消,使portlet之間沒有清楚邊界,但仍有留白以示區別。

 
 
細節瀏覽-Logo或bnaaer上傳
 

上方Logobanner適合用寬938px之圓角圖檔。

 
 

細節瀏覽-多色系版型變換

 
為多色系版型,選取主要版型後,可利用色彩設計,選擇其他相同結構不同配色的版型。