在Web UI之前,印刷設計師們使用一種稱之為縮略草圖(thumbnail sketching)的方法來嘗試表達及完善創(chuàng)意。這種方法在現(xiàn)在的PC工具時代似乎已經(jīng)失傳。
這里我們將簡要介紹什么是縮略草圖,以及一些技巧來幫助把這門技術(shù)應用到你的工作之中。
在畫線框圖之前,先草圖
線框圖(wireframing)的話題由來已久。不需要回避這個話題,許多設計師以及UI/UX專家們認為線框圖是一個最基本以及整個項目中第一個步驟,讓我們能專注在基礎的架構(gòu)上而不是多余的設計風格上的干擾。
另一種定義說的是線框圖幫助我們關注于頁面如何在最基本的層面上被構(gòu)建。實際上,我經(jīng)常在想為什么大家沒有討論比線框圖更久遠和成熟的一門兄弟方法:縮略草圖。
縮略草圖是類似于線框圖的方法,只是他比線框圖的所謂基礎上,更加基礎。讓我們看看什么是縮略草圖。
什么是縮略草圖
名字聽起來比較有趣,但你仔細去想的話,你會知道縮略(Thumbnail)是完全不搭的一個概念。例如當我提到縮略圖相像(Thumbnail Gallery)的時候,你會自然想到這是一個有很多小圖片組成的一個相冊的概覽頁,點擊之后能看到各種大圖。
正是這種含義,你可能能猜到縮略草圖可能是一種小尺寸的手繪圖。縮略草圖的意義正是通過很短的時間在紙上創(chuàng)作大量的創(chuàng)意。簡單說他是一種視覺化的腦力風暴的方法,當你不需要擔心各種困擾和細節(jié)調(diào)整的時候,創(chuàng)作盡可能多的可能性。在某種形式上,他很接近線框圖,只是更小,更快速一些。一般來說設計師可以創(chuàng)作很多小草圖,然后再選擇幾個最好的繼續(xù)跟進線框圖。