萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 交互設計 >> 從《千鳥志》看網頁設計中的功能性

從《千鳥志》看網頁設計中的功能性

   最近准備裝修房子,看了幾本家居設計方面的雜志,發現雜志上的很多設計也只能參考參考而已,不能當真。要是真把房子設計成雜志上的那樣,可以說根本沒法住。比如,把浴缸放在落地窗下面,看著是很爽,在日光或者月光下浸在溫暖的洗澡水裡,享受詩一般的沐浴過程,但是,一旦你考慮到私密性的問題,想到對面的樓上會不會有個偷窺狂正在拿著望遠鏡也在享受這個過程,你就會發現這種方案根本不可行。這應該說就是典型的只考慮美觀,不考慮功能性的典型案例。另外還有開放式衣櫃、開放式廚房等方案,只要一考慮打掃衛生時的勞累、油煙等問題之後,也會立馬將它們從實際生活中剔除掉。

  當然,人家做雜志的本意可能本來就沒有讓你照搬照抄的意思,雜志只是為你提供了另外一種可能性,另外一種思路,所以雜志做這些東西也無可厚非。

  我只是想強調一個意思,就是不考慮功能性,只考慮美觀性的設計是不可取的,甚至為了美觀而損失功能性也是不可取的。應當以人為本,首先考慮用戶的使用體驗,考慮實用性、便捷性,再考慮美觀的問題。

  家居設計是這樣,網頁設計也一樣,wordpress主題的設計更是這樣。在這裡,我以《千鳥志》為例,具體的說明一下wordpress主題設計中需要優先考慮的設計中的功能性的問題。

  《千鳥志》是千鳥的個人博客,而網絡上被大家習慣稱呼為“千鳥”的博主,本身是互聯網產品設計師,架構師,UCDChina發起人。據他的個人網站《一葉千鳥》上所述,《千鳥志》於2004年建立,迄今浏覽量已逾千萬。

  《千鳥志》的整個設計風格是很簡單的,甚至在第一次看到這樣的wordpress設計後,你可能會用“粗陋”來形容它,但是當你持續的關注《千鳥志》一段時間,在上面看過一些文章,留過幾句留言之後,你會感覺到那種舒適性、便捷性,讓我一點一點來說明。

從《千鳥志》看網頁設計中的功能性 三聯

  搜索框很人性化,提示你按回車進行搜索,這也符合我們平日裡的習慣,就像聊QQ發信息一樣。通過選擇列表查看月份檔案可以省去不小的側邊欄的空間。(上圖)

quote

  引用的文字采用斜體,並且在顏色上和正文進行區分,正文使用#333333顏色,引用文字使用#666666顏色,便於辨識。(上圖)

navigation

  進入單一日志頁面後,最上方的導航欄讓你清楚的知道自己當前所在的位置。(上圖)

post_infomation

  每篇日志的下方表明了日志信息和轉載或者引用是需要注意的事項。(上圖)

comment

  如果評論比較長,你可以直接點擊發表跳到評論框區域。(上圖)

comments_notice

  評論框下方注明了防止被標記為垃圾留言而需要注意的事項,如果是中文就更好了,畢竟中文的讀者還是比較多。(上圖)

comments_navigation

  評論去最下方設置了很人性化的日志導航和返回頂部的跳轉。(上圖)

archives_current

  如果你浏覽某一各類別的日志,你會看到側邊欄裡會出現“您正在浏覽xxxx中的存檔”的字樣。(上圖)

title

  如果浏覽存檔日志,最上面會出現xxxx的存檔,提示你當前正在浏覽的頁面。日志正文會以摘要的形式顯示出來,方便查找和浏覽。(上圖)

archives_month
month

  月份的存檔也是一樣的效果。(上圖)

track

  引用的網志會在評論列表下方以有序列表的方式干淨的顯示出來。(上圖)

  在《千鳥志》中你會看到很多這樣人性化的設計細節,這些應該是在設計中優先考慮的問題,做到了這些,才會讓網頁的浏覽找到暢快淋漓的感覺。

copyright © 萬盛學電腦網 all rights reserved