網頁設計培訓之APP界面設計之前的那些事

很多做UI設計師開始設計前都有制作原型的習慣,可是萬事開頭難,打開原型設計軟件之前,設計師還需要耗費大量的經歷在尋找靈感,思考框架,甚至在繪圖本上涂抹很差時間??純垂慈聳僑綰慰妓塹腢X流程和原型設計的吧!

從哪里開始UX設計流程

我會隨手在我周圍的每一個物體表面上涂鴉,記錄下點滴的想法。不論是外賣菜單,還是辦公室的玻璃窗還是Moleskine的筆記本,都是我記錄想法的地方。

一切都是從頭腦風暴開始的。當我剛剛開始設計產品的時候,我會先將腦中零散跳躍的詞匯和一閃而過的圖畫都列在本子上,之后,開始尋找它們的共同點和相似之處。對我而言,我更喜歡使用帶有方格的筆記本,因為它記錄和繪圖都更富有彈性,更加“響應式”。在這個階段,完美往往不是我所追求的,這些草圖更多是給我自己來看的。

準備工作

在開始前,我一般會將所有關鍵點都列出來,將重點梳理出來。這個過程中,你可能會整理出一系列的需求,而這些條目會在你開始繪制交互設計稿的時候幫你優化流程。

下面是Smashing Magazine所提供的建議:

如何使用便簽在單個畫板中探索多種不同交互和思路

1、將多種不同的交互記錄在便簽紙上,置于統一畫板中,有規律地一次移除一張貼紙,然后再掃描或者復印出來。

2、使用不同顏色的貼紙來代表不同的交互行為,這樣會更系統。

3、如果一張便簽還不夠說明設計模型的細節的話,就在旁邊加一張繼續寫。只有描述清楚,才能審視清楚,了解細節,把控全局。

4、如果交互細節描述簡單,便簽紙大了,那么可以用刀裁掉多余的部分,甚至可以根據布局裁剪成合適的造型。盡量讓畫板看起來更合理,更清爽。

按照上面的方法,會制作出不同的原型設計稿。這些設計稿的基本框架是一樣的,但標注交互細節的貼紙不盡相同。

工具多多益善

工具就是你的設計軍火庫。我存在電腦和云端的工具和資源不計其數,好的工具能夠縮短你的設計過程,而合理搭配不同的工具會讓你的設計如虎添翼,更快更優秀。

這只是我這幾年整理的素材的一部分,并且我也逐漸離不開它們了。

當談及設計線框圖和原型所用的工具的時候,每個人習慣的工具和創作的手法都不盡相同(在數字藝術領域中,設計的手法從來都是多樣化的?。??;嬤撇萃加檬裁垂ぞ?,搭配什么鉛筆,使用PS還是AI,從來都沒有死板的規定。重點在于,你喜歡用什么,你習慣用什么?

做UI模板設計的朋友近期發布了幾款多功能繪圖模板和流程圖模板,希望做UX和UI設計的朋友可以在它們的幫助下快速繪制線框圖和交互設計稿。以下是我見過的比較喜歡的設計稿:

強大的iPhone UI模板

當我需要制作一款移動端優先的UI設計的時候,我通?;崾褂謎飪頸Phone UI模板(對應的,還有Android手機UI模板,Android平板UI模板,Windows Phone UI模板和Windows 8 UI模板等全套手繪模板)。

以下就是案例了:

這也是我最喜歡的組合,iPhone UI模板和iPhone流程圖模板。

考慮到目前正在流行響應式設計,這個響應式設計繪圖本也是我最近特別喜歡的東西:

低保真設計稿

這種低保真設計稿可以幫你快速完成線框圖設計,當你和團隊考慮完全之后,再挪到Axure、Omnigraffle或者InDesign這樣的設計軟件中去,然后展示給客戶和合作伙伴看。

當你使用這樣的低保真設計稿的時候,反而有機會更好地把控流程。

紙質原型

最好最快最粗糙的原型設計可能會用到你周圍所有的東西,以達到最好的呈現。下圖中的紙質智能手表設計原型就設計的非常巧妙,手繪的手腕和手表上挖了個洞,不同的UI隨著你的拉動會順次出現在“屏幕”上。不要拘束,也許你廚房的廚具、舊的數碼設備,甚至于鞋盒都可以成為你設計的原材料!

你在的UX設計流程是怎樣的?你會怎樣制作UX原型?不妨與我們一同分享一下吧!

來源:ui中國

上一篇: 在不同屏幕和設備上創建用戶體驗設計的8個步驟

下一篇: 2017年新手ui設計師的常見七個疑惑

分享到: 更多
龙虎纸牌游戏 上海时时投注 mg4355电子游戏线路检测 海南七星彩直码怎样包稳赚 五星定位胆稳赚个位胆 七乐彩拖胆价格表 双色球6中5计划 赌博对打套利赚千万 51计划网pk10全天计划免费 pk10永久可用出号公式 北京pk10杀两码技巧 欢乐生肖免费计划 pk赛车极速开奖官网 河北时时快三 广东时时平台 玩pk10有人赢钱吗