2012 年 2 月 29 日

網站設計評論#1:IdentyMe

本篇目錄

關於IdentyMe

IdentyMe是一個數位名片網站,跟about.me是一樣類型與主題的網站,簡單的說就是把你的vcard變成網站,而且只有一頁,讓你把你最重要的資訊都擺放在上頭,你可以寫一些基本介紹然後開始連結各地,舉凡Facebook、Blog、Linkin等等,將一些社群或個人化的連結放置在上頭,這樣可以讓看見你的電子名片的朋友連結各處,更加了解你,比起傳統紙本名片更加直接與實際,如果真要說IdentyMeabout.me的差別,我會覺得about.me主要都是會把自己的照片當做佈景,在偌大的頁面上很清楚的表現出個人,接著才會注意到內文,但是在IdentyMe照片比例與內文就有比較平衡的情況,當然IdentyMe提供許多佈景,你還可以選擇你最喜歡的照片比例,而且IdentyMe提供的佈景都很炫,畫面也都不錯看,比起about.me自由度高,凡事都可以DIY的設計來看,IdentyMe比較適合不太會DIY的網友使用,當然上手速度也會比較快。

初次遇見IdentyMe

第一次進入IdentyMe感覺網站非常單純,背景有漸層但在選單與最下方資訊列部分又採純色,兩種配色方式搭配得宜,而且在佈局上非常特別,一般網站Logo都在左上角,但是IdentyMe卻在中間偏下方的位置,這樣的佈局與一般Logo要一眼就映入眼簾的左上佈局真的非常不一樣,另外中間大圖像的微笑人物增加的網站的親和度,並且透過一個大圖像就把IdentyMe能做的事情顯示出來,就是這樣的簡單又有親和度,所以讓整個網站變的很親切,即使第一次進入IdentyMe,也不會覺得難以接觸,不會因為看不懂是什麼服務而離開,這樣的設計對於留下我來仔細閱讀是非常有用的,無形中就增加了我這個訪客的停留時間了。

網站色系

 #dde091  #e8e2d2  #fa9509  #fee123 

LOGO設計這回事

Logo採取藍色與橘色,猜測使用藍色是因為科技感,也就是把名片數位化,而橘色是為了凸顯個人,為了強調凸顯個人這個部份,所以Logo在設計上字型也與前面不相同,而網站背景的主色系為綠色,主要是因為藍色與橘色是綠色的相近色,使用相近色配色會讓網站看起來更加自然,下方的主標題與副標題除了字體粗細不同以外,在字型大小上也有差異,更加顯示出這兩個句子的主副關係,整體搭配在行距上也有不同,Logo與主標約1行距,但主標與副標僅剩0.5行距,行距的不同會讓主副標的關聯性更加強烈,關係也會更密切。

選單設計這回事

選單的部分是我個人認為這個網站最需要改造的地方,因為跟中間的大圖相比,實在太不突出,選單位於最上方很容易辦別,但是相較於IdentyMeLogo的佈局來說就顯得較沒創意,在選單的最左邊我們可以看到一個綠色小方塊,這個方塊在中央的大圖有指出這個是vCard的意思,也就是IdentyMe的小Logo,識別度其實沒有很高,如果我換成藍色,很容易被誤會成Facebook之類的,雖然到目前為止主選單看起來似乎沒什麼特別的,但是對於“顯示當前位置”的設計還是給予肯定的,這樣除了可以減少麵包屑的設計,還可以更一眼明瞭目前的當前位置,不過如果還有麵包屑的設計,個人覺得還是會為網站加分。

內文排列方式分析

首頁下方的文字區塊排列還蠻活潑的,行距大約0.5左右,但是在區塊與區塊間的垂直間距抓的就有點近,如果可以在適當的留點空白會比較不會有擁擠的感受,不過旁邊的iMac設計讓人非常想看影片,可惜點擊後是跳到youtube,而不是直接播放,如果是直接播放應該會很High!

在內頁區塊的排列上整體來說非常整齊,不管是間距還是行距都非常適當,但是請見上圖的右下角,你發現他的區塊標題是兩行,導致內文排列就無法與右邊區塊對齊,顯得有點突兀,通常這種情況我都會修改文案,讓標題短一點,看起來會更加整齊。

在內頁區塊設計中,其中Themes頁面中,區塊與區塊的左上角還有標籤設計,讓區塊顯得更加突出,在陰影部分的設計還蠻細的,所以看起來不會非常突兀,有些網站在運用這樣的設計時會顯得突兀,主要原因在於顏色的選擇與陰影的處理上比較不精細,就會顯得有點奇怪,不過在這裡,顏色選擇的是Logo的色系,所以看起來很清爽不突兀,但是又很明顯,這是還蠻值得提的一點。

在Help頁面的設計上我再度看到草率,在問題列表部分可以說根本沒有設計,只有排列,可能是我自我預期太高了,所以才會有這樣失望的感受,但是在左邊的問題分類上到是設計的非常用心,尤其是當滑鼠移到選項會出現藍色底的整個動態,吸睛度蠻高的,不過在反覆測試後發現有點小Bug在,但整體來說就問題分類選單部分,我個人還蠻滿意的,可以列為日後的參考。

表單設計這回事

網站在表單處理上個人覺得還蠻草率的,但是首頁的註冊倒是非常經典,你只需要填入三樣東西:帳號、信箱、密碼,你就可以馬上建立新帳戶,這樣的註冊流程還真的蠻酷的,簡單不囉嗦,看得我都想註冊一個帳號了,無疑的如果網站有會員註冊制度,可以參考一下這樣的註冊方式,應該可以提升不少註冊率喔。

網站設計評論系列文章的目的,是為了提升自我設計與新網站研究,主要的重點在於吸收新知與吸收設計方法,希望透過一連串網站的評比與討論後,可以提出對於網站設計的常見法或設計法則,提供日後相關設計的參考,歡迎網友留言一起討論該網站的設計,不管是視覺面或技術端,都非常歡迎留言提出,感謝您看完冗長的介紹與文章,如果覺得不錯歡迎與朋友分享。

4 comments on “網站設計評論#1:IdentyMe”

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

相關推薦文章

希望您會喜歡
2008 年 5 月 18 日
[appserv] NET HELPMSG 3547

今天開啟我架在本機的PHP站時,appserv又罷工了,整個404找不到網頁,使用appserv重裝功能, 他 […]

Read More
2008 年 2 月 9 日
[msn] 春節大頭貼

哇哈~初三才上來,好像有點晚~ 因為開始上班了所以比較少時間畫畫了~ 一有空就又畫了一張~新年快樂~ 恭喜恭喜 […]

Read More
2006 年 9 月 22 日
[桌布]捐血2

捐血一袋,救人一命

Read More
Copyright © 2024 草監網路 . All rights reserved.
linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram