萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 交互設計 >> 拿起鉛筆:創作縮略草圖

拿起鉛筆:創作縮略草圖

拿起鉛筆:創作縮略草圖 三聯

  在Web UI之前,印刷設計師們使用一種稱之為縮略草圖(thumbnail sketching)的方法來嘗試表達及完善創意。這種方法在現在的PC工具時代似乎已經失傳。

  這裡我們將簡要介紹什麼是縮略草圖,以及一些技巧來幫助把這門技術應用到你的工作之中。

  在畫線框圖之前,先草圖

screenshot

  線框圖(wireframing)的話題由來已久。不需要回避這個話題,許多設計師以及UI/UX專家們認為線框圖是一個最基本以及整個項目中第一個步驟,讓我們能專注在基礎的架構上而不是多余的設計風格上的干擾。

  另一種定義說的是線框圖幫助我們關注於頁面如何在最基本的層面上被構建。實際上,我經常在想為什麼大家沒有討論比線框圖更久遠和成熟的一門兄弟方法:縮略草圖。

  縮略草圖是類似於線框圖的方法,只是他比線框圖的所謂基礎上,更加基礎。讓我們看看什麼是縮略草圖。

  什麼是縮略草圖

  名字聽起來比較有趣,但你仔細去想的話,你會知道縮略(Thumbnail)是完全不搭的一個概念。例如當我提到縮略圖相像(Thumbnail Gallery)的時候,你會自然想到這是一個有很多小圖片組成的一個相冊的概覽頁,點擊之後能看到各種大圖。

  正是這種含義,你可能能猜到縮略草圖可能是一種小尺寸的手繪圖。縮略草圖的意義正是通過很短的時間在紙上創作大量的創意。簡單說他是一種視覺化的腦力風暴的方法,當你不需要擔心各種困擾和細節調整的時候,創作盡可能多的可能性。在某種形式上,他很接近線框圖,只是更小,更快速一些。一般來說設計師可以創作很多小草圖,然後再選擇幾個最好的繼續跟進線框圖。

screenshot

  如何去做

  開始創作的話,只需要拿起一個鉛筆先畫幾個簡單的空方塊代表你的浏覽器外框、頁面邊框或任何你需要工作的東西。你甚至可以找到一些可以打印的模板來幫助你快速開始。

screenshot

  現在起 ,你可以開始你的創意了。這並不需要你專注於你的手頭畫功,相反你需要專注在如何生成創意。縮略草圖是一個快速的甚至可以說是偷懶的作法。使用最基本的形狀,不要在單一圖形上花太多時間,只要你找到了你想要的基本構圖或創意是什麼樣子,就可以停止繼續下一步。

  為什麼這樣更好?

screenshot

  你能從紙上的小草圖中獲得什麼呢?你可能會吃驚,作為設計師,我們很容易陷入到狹窄的認知中,在使用電腦創作的過程中,我們太容易創作一個接近完成的事物。

  問題在於當你花費時間在一個創意上的時候,你會不自覺的在心理上保護你的創意。不幸的是,你的第一個創意通常來說並不是你最好的。

  當你已經把你的主意開始付出實現的時候,放棄他再從事一個新的創意就變得更加困難。你繼續在舊的創意上發展因為你的大腦已經卡住了。就算你沒有這樣的問題,你還是會花很多時間去發展新的創意。

  這種方法的缺點是你並沒有將發展創意作為一個重要的思考。“重要的思考”是指真正有價值以及邏輯上合理。相反的,你可能只是有三個創意,然後在這三個裡面選擇。你可能有辦法想出10個更好的主意,甚至有機會比這三個更好,但你沒有時間去完成。

  使用縮略草圖方法,你有可能真正發揮你大腦的作用,並強迫你自己開始真正意義上的創意工作,創作更多更豐富的選項。使用這種方法你可以找到更多的創意並仔細評估哪種方法更合適,並繼續推進。

  節省時間?

  有些人可能認為按預定的設計時間表和節奏,已經足夠完成最終的設計工作,不需要再花費額外的時間!但如果能成功的實施縮略草圖的,學有可能在未來節約更多的時間。

  首先,你不需要花一整天做這個工作。有時候生成創意可能只需要花十分鐘,二十分鐘,三十分鐘,這完全取決於你。更重要的是,這個步驟的工作讓你有機會在設計最終開始創作前能夠審視和評估。你會發現你後面的設計更加快速因為你已經想得足夠,而且知道哪個是最好的主意。

  並不僅是排版?

screenshot

  一般來說,當我提到縮略草圖的時候,可能指的是有關排版方面的創意,其實這種方法可以作用於任何類型的設計。例如,LOGO的草圖設計在開始可能就是一種很粗略的草圖設計方式。

  拿起鉛筆,開始創作上百種創意似乎是非常自然的一種LOGO設計的方式,所以為什麼不這種技術到其它的設計領略呢?

  招貼、網頁設計、手冊、名片、應用程序界面、字體設計,所有這些類型的設計都可以從幾分鐘的縮略草圖開始。

  縮略草圖的技巧?

screenshot

  現在你知道了什麼是縮略草圖以及如何應用他到你的工作流之中,讓我們用一些技巧來幫助你更好的開展。

  保持低精度

  我們中的一些人非常善於繪畫。但有一部分人卻非常懼怕鉛筆因為無法表達繪制出完整的草圖。

  但在我們現在的例子中,這些不善於繪畫的人也許更有優勢。如果你不能畫,太好了,你非常適合創作縮略草圖。那些非常善於繪畫的人們可能會花更多的時間去創作縮略草圖因為他們太追求每一條直線是否平直,以及圓是否更圓。

  我們只需要知道的是,應用這種技術的關鍵在於量而不是質。我並不是反對完美的草圖,事實上,我非常喜歡看那些頂級藝術家的草稿,但你只需要確定你的目標是將這些創意從你的腦子中轉到紙上即可。例如,你只需要畫一個長方塊,事後你記得這個代表著這上標題文字就好了,而不需要再去逐字字句的寫上文字。

  向前推進

  另一事需要記住的是避免花太多時間去打磨一個創意。如果你畫下了一個創意然後你覺得並不喜歡它,千萬不要擦掉再重新開始。簡單的放在一邊繼續你的下一個創意。也許幾小時後你再回頭看的時候會發現這個創意也許不錯。

  越多越好

  當你繪制創意時,不要在5到6個的時候就停止。你是創意專家,你應該有更多的方向。我知道設計專業的教授有時候會讓學生每次為同一個項目創作25個或更多的草圖。這樣的數量會更加激勵創作。

  不要畫同一個東西50次

  當我們開始創作更多的草圖的時候,你的第一直覺可能會使得你大部分創意看上去都差不多。這種情況非常常見。努力去讓大腦發揮 他的作用,去創作更多的獨特和不同方向的概念。記住現在這個階段只是腦力風暴階段,所有的一切都不一定是不好的創意。更瘋狂,出格一些。

  完成時注意留存

  如果可以,盡量把這些畫下的草圖留下來供以後參考。當你更深入的進入到項目中的時候,你也許會回頭再看看之前的創作。你也許已經失去了專注點你需要看看這些開始的主意來幫你找回來,你的客戶也有可能不喜歡你的創意你可以再回到草圖中尋尋寶。

screenshot

  我常干的一些事情是找一支壓感筆在我的iPad上使用像Adobe Ideas或iDraw一類的軟件創作一些草圖。使用數字產品記錄我的草圖對我來說非常有幫助,因為可以幫我留存這些記錄。然後再導入到Illustrator或Photoshop中進行下一步的處理。

  總結

  讓你最終的想法畫成縮略草圖也許在一開始比較煩惱,但是一代你這麼去做了,你會發現你會非常享受這個過程。對我來說,一個項目中最美妙的階段就是開始的時候,在我開始為細節煩惱前,去創作無數的可能性。

  也許縮略草圖並不適用於每一個人。如果你不覺得這個有幫助,那就不用浪費時間。但是,我推薦你在一些項目中做一些嘗試。看看你是否能夠真正開動腦子發現一些更棒的創意。

  如果你使用這個方法,不妨留下鏈接讓我們看看你畫的這些草圖!

照片版權:Dan Lurie, Tobias Soft (1)(2), nunile, Jeremy Keith, Shawn Campbell and CannedTuna.

本文編譯自allan,原文地址。

譯文出處:Design shack。

copyright © 萬盛學電腦網 all rights reserved