教學主題: 詳細解析設計之前我們應該做什麼
大家好!! 小編今天來和大家分享關於 其他教程中的平面理論教程教學
今天的這個教學主題是: 詳細解析設計之前我們應該做什麼
這教學的重點為這幾點 [ 我們,應該,之前,設計,解析,詳細,模板,UI,原型,開始, ]
希望你可以從這幾點中領悟到修圖的精華
本文重點
很多做UI設計師開始設計前都有製作原型的習慣,可是萬事開頭難,打開原型設計軟件之前,設計師還需要耗費大量的經歷在尋找靈感,思考框架,甚至在繪圖本上塗抹很差時間。看看過來人是如何開始他們的UX流程和原型設計的吧。
很多做UI設計師開始設計前都有製作原型的習慣,可是萬事開頭難,打開原型設計軟件之前,設計師還需要耗費大量的經歷在尋找靈感,思考框架,甚至在繪圖本上塗抹很差時間。看看過來人是如何開始他們的UX流程和原型設計的吧。
從哪裡開始UX設計流程
我會隨手在我周圍的每一個物體表面上塗鴉,記錄下點滴的想法。不論是外賣菜單,還是辦公室的玻璃窗還是Moleskine的筆記本,都是我記錄想法的地方。
一切都是從頭腦風暴開始的。當我剛剛開始設計產品的時候,我會先將腦中零散跳躍的詞彙和一閃而過的圖畫都列在本子上,之後,開始尋找它們的共同點和相似之處。對我而言,我更喜歡使用帶有方格的筆記本,因為它記錄和繪圖都更富有彈性,更加“響應式”。在這個階段,完美往往不是我所追求的,這些草圖更多是給我自己來看的。
準備工作
在開始前,我一般會將所有關鍵點都列出來,將重點梳理出來。這個過程中,你可能會整理出一系列的需求,而這些條目會在你開始繪製交互設計稿的時候幫你優化流程。
下面是Smashing Magazine所提供的建議:
如何使用便簽在單個畫板中探索多種不同交互和思路
1、將多種不同的交互記錄在便簽紙上,置於統一畫板中,有規律地一次移除一張貼紙,然後再掃描或者複印出來。
2、使用不同顏色的貼紙來代表不同的交互行為,這樣會更系統。
3、如果一張便簽還不夠說明設計模型的細節的話,就在旁邊加一張繼續寫。只有描述清楚,才能審視清楚,了解細節,把控全局。
4、如果交互細節描述簡單,便簽紙大了,那麼可以用刀裁掉多餘的部分,甚至可以根據布局裁剪成合適的造型。盡量讓畫板看起來更合理,更清爽。
按照上面的方法,會製作出不同的原型設計稿。這些設計稿的基本框架是一樣的,但標註交互細節的貼紙不盡相同。
工具多多益善
工具就是你的設計軍火庫。我存在電腦和雲端的工具和資源不計其數,好的工具能夠縮短你的設計過程,而合理搭配不同的工具會讓你的設計如虎添翼,更快更優秀。
這只是我這幾年整理的素材的一部分,並且我也逐漸離不開它們了。
當談及設計線框圖和原型所用的工具的時候,每個人習慣的工具和創作的手法都不盡相同(在數字藝術領域中,設計的手法從來都是多樣化的!)。繪製草圖用什麼工具,搭配什麼鉛筆,使用PS還是AI,從來都沒有死板的規定。重點在於,你喜歡用什麼,你習慣用什麼?
做UI模板設計的朋友近期發布了幾款多功能繪圖模板和流程圖模板,希望做UX和UI設計的朋友可以在它們的幫助下快速繪製線框圖和交互設計稿。以下是我見過的比較喜歡的設計稿:
強大的iPhone UI模板
當我需要製作一款移動端優先的UI設計的時候,我通常會使用這款iPhone UI模板(對應的,還有Android手機UI模板,Android平板UI模板,Windows Phone UI模板和Windows 8 UI模板等全套手繪模板)。
以下就是案例了:
這也是我最喜歡的組合,iPhone UI模板和iPhone流程圖模板。
考慮到目前正在流行響應式設計,這個響應式設計繪圖本也是我最近特別喜歡的東西:
低保真設計稿
這種低保真設計稿可以幫你快速完成線框圖設計,當你和團隊考慮完全之後,再挪到Axure、Omnigraffle或者InDesign這樣的設計軟件中去,然後展示給客戶和合作夥伴看。
當你使用這樣的低保真設計稿的時候,反而有機會更好地把控流程。
紙質原型
最好最快最粗糙的原型設計可能會用到你周圍所有的東西,以達到最好的呈現。下圖中的紙質智能手錶設計原型就設計的非常巧妙,手繪的手腕和手錶上挖了個洞,不同的UI隨着你的拉動會順次出現在“屏幕”上。不要拘束,也許你廚房的廚具、舊的數碼設備,甚至於鞋盒都可以成為你設計的原材料!
貼心提醒: 按Ctrl+Alt+Z和Ctrl+Shift+Z組合鍵分別為在歷史記錄中向後和向前 ( 或者可以
使用歷史面板中的菜單來使用這些命令 )。結合還原 ( Edit/Undo )命令使
用這些熱鍵可以自由地在歷史記錄和當前狀態中切 換。
你在的UX設計流程是怎樣的?你會怎樣製作UX原型?不妨與我們一同分享一下吧。
看完小編分享的教學之後 是不是對平面理論教程中的其他教程教學更熟悉了呢?
希望我們所介紹的 詳細解析設計之前我們應該做什麼 這教學會喜歡
文章標題: 骨子愛創意- 詳細解析設計之前我們應該做什麼–轉載請註明來源處
本教學分類為平面理論教程中的 其他教程相關教學
文章相關關鍵字為: 我們,應該,之前,設計,解析,詳細,模板,UI,原型,開始,
本文永久連結 :詳細解析設計之前我們應該做什麼
本文轉載自 :VIA