簡約風格系列介紹


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

 
設計概念
 

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

（註：png透明圖檔瀏覽器IE6不支援）

 
展示網址
 

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

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




 

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

 

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

 
 

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

 

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

 
 
細節瀏覽-Logo或bnaaer上傳
 

上方Logo或banner適合用寬938px之圓角圖檔。

 
 

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

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