(點選圖片可看大圖)
版型特色-左方直式選單
![](https://www.iportfolio.cc/image/image_gallery?img_id=500393&t=1230018728471)
直式選單,不僅是選單以直式排列,並且連選單內的文字亦也以直式排列。當停留在該頁面時,選單會有不
同的效果,讓瀏覽者不會忘了目前的所在位置。
![](https://www.iportfolio.cc/image/image_gallery?img_id=500441&t=1230018728496)
版型特色-Portlet背景
![](https://www.iportfolio.cc/image/image_gallery?img_id=500393&t=1230018728471)
Portlet背景以淺灰色的漸層背影烘托,帶出立體感,並表現出記事本的乾淨俐落。
![](https://www.iportfolio.cc/image/image_gallery?img_id=500445&t=1230018728498)
版型特色-登入選單
![](https://www.iportfolio.cc/image/image_gallery?img_id=500393&t=1230018728471)
右上方登入選單展現出「線圈」筆記本之孔洞,讓網站在小細節處充滿驚喜。
![](https://www.iportfolio.cc/image/image_gallery?img_id=500449&t=1230018728500)
版型特色-色彩搭配
![](https://www.iportfolio.cc/image/image_gallery?img_id=500393&t=1230018728471)
每個版型以協調設彩搭配,讓網頁的視覺效果更舒服。
![](https://www.iportfolio.cc/image/image_gallery?img_id=500453&t=1230018728502)
![](https://www.iportfolio.cc/image/image_gallery?img_id=500457&t=1230018728504)
版型特色-一個版型,兩種效果
![](https://www.iportfolio.cc/image/image_gallery?img_id=500393&t=1230018728471)
為使寬螢幕使用者在瀏覽時,不會出現大片空白面積,在右方加上漸層陰影,一方面滿足寬螢幕使用者的視
覺舒適感,另一方面也將網頁內容襯托得更明顯。一種版型,兩種效果。
寬螢幕瀏覽效果 | 一般螢幕瀏覽效果 |
![](https://www.iportfolio.cc/image/image_gallery?img_id=500465&t=1230018728508) | ![](https://www.iportfolio.cc/image/image_gallery?img_id=500469&t=1230019297706) |
版型特色-多色系版型
![](https://www.iportfolio.cc/image/image_gallery?img_id=500393&t=1230018728471)
為多色系版型,選取主要版型後,可利用色彩設計,選擇其他相同結構不同配色的版型。
![](https://www.iportfolio.cc/image/image_gallery?img_id=500473&t=1230019297711)