close

聊聊線框圖:那些必要的理論和前提 - 網頁設計

http://webdesign.zoapcon.com

 

這是一篇老生常談的問題,所以若有人已經了解,請自動忽略好了。這也是在一次和PD的交流培訓會上再次提出的老問題:究竟線框圖為什么要畫,以及如何畫。

至于線框圖為什么要畫,就不在這里聱述了。相信已經有很多人寫過類似的文章,當然,如果你還有疑問,可以給我寫郵件。

現在就是如何畫的問題。

這不是很簡單嗎?一個簡單的線框圖,斷不得比一個精美的視覺圖更花費時間吧?也不需要美學的基礎,也不需要精細的加工,加上已經有一個號稱10分鐘上手的工具作為輔助,恐怕沒有必要單獨開這個話題來研究。

但是,之所以又拋出來,正是在一個“畫”字。

線框圖不是“畫”出來的,而是想出來的,是確認出來的。

線框圖,只是提供了一個供討論、供評審、供確認的承載物,然后并將確認后的需求(商業需求以及設計需求),以具象的方式再傳遞出去。

所以,線框圖本身看起來美觀不美觀,專業不專業,畫得好不好,都不是重要的問題。

一個畫在白板上的簡陋的線框圖,和一個無比精美專業的線框圖,是很難說哪個更“好”的。

說這個,是提醒我們自己,不要忽視線框圖的本質問題。所以大多關于線框圖怎么畫的問題,可能不是出在不知道怎么畫,而是不知道為何要畫,具體畫什么,畫了怎么用的問題。

線框圖究竟如何畫呢?

一。必須的幾個理念和前提:

1. 并不是精美細致的就是好的線框圖

表面上,你似乎是沒有經歷前面的階段,直接跳轉到詳細線框圖的,但是實際上,你腦子里也一定是有前面的階段的,而且在現實項目里,中間的這些環節是伴隨著不斷的評審、確認,確認一個問題,得到一個決定,排除一些可能性,得到一些idea,從而讓可能性變得更靠譜更聚焦,最后剩下一個選擇,產出了確定好的線框圖。

 

2. 從最簡單的開始,逐漸補充細節

輸入資料,信息,問問題,回答問題,畫圖,這是一脈相承的。

從最簡單的開始,若你先跳轉了到了最后一步,或許會出現很悲劇的情況,你已經費勁了心思設計的交互,并不是需要的,如果把握不好確認的程度,會造成不只你一個人的資源浪費。

 

3. 最大的價值在于討論和確認

線框圖是用來吵架用的。所以,不能像視覺設計師一樣抗拒對視覺稿的修改。

也許正是因為如此,我們才不斷強調不要把線框圖畫得太美吧:)哈哈,因為看起來很美的東西,都不忍心去破壞它了。這是天性。

我們要慶幸,有了這么多次評審會,雖然限制更多了,但是方向也更清楚了。當方向越來越清楚時,我們就可以真正聚焦于一些交互細節的設計上了。

 

有一個經典的圖,經常被用到,那就是:

 

謹記:再不跟我確認這是一個人之前,不要給我談他的頭發的顏色。

 


arrow
arrow
    文章標籤
    網頁設計 web design
    全站熱搜

    imarketin 發表在 痞客邦 留言(0) 人氣()