ui設(shè)計(jì)師是一種比較受歡迎的職業(yè),它的工資也是很高的,一些朋友對(duì)它不是太了解,那么,ui設(shè)計(jì)切圖用什么軟件?它的設(shè)計(jì)流程有哪些?可能很多朋友都不太了解,接下來(lái)就讓小編來(lái)給大家分析分析吧。
ui設(shè)計(jì)流程有哪些
一、確認(rèn)目標(biāo)用戶
在UI設(shè)計(jì)過(guò)程中,需求設(shè)計(jì)角色會(huì)確定軟件的目標(biāo)用戶,獲取最終用戶和直接用戶的需求。用戶交互要考慮到目標(biāo)用戶的不同引起的交互設(shè)計(jì)重點(diǎn)的不同。例如:對(duì)于科學(xué)用戶和對(duì)于電腦入門用戶的設(shè)計(jì)重點(diǎn)就不同。
二、采集目標(biāo)用戶的習(xí)慣交互方式
不同類型的目標(biāo)用戶有不同的交互習(xí)慣。這種習(xí)慣的交互方式往往來(lái)源于其原有的針對(duì)現(xiàn)實(shí)的交互流程、已有軟件工具的交互流程。當(dāng)然還要在此基礎(chǔ)上通過(guò)調(diào)研分析找到用戶希望達(dá)到的交互效果,并且以流程確認(rèn)下來(lái)。
三、提示和引導(dǎo)用戶
軟件是用戶的工具。因此應(yīng)該由用戶來(lái)操作和控制軟件。軟件響應(yīng)用戶的動(dòng)作和設(shè)定的規(guī)則。對(duì)于用戶交互的結(jié)果和反饋,提示用戶結(jié)果和反饋信息,引導(dǎo)用戶進(jìn)行用戶需要的下一步操作。
(圖片來(lái)自網(wǎng)絡(luò))
四、一致性原則
設(shè)計(jì)目標(biāo)一致。軟件中往往存在多個(gè)組成部分(組件、元素)。不同組成部分之間的交互設(shè)計(jì)目標(biāo)需要一致。例如:如果以電腦操作初級(jí)用戶作為目標(biāo)用戶,以簡(jiǎn)化界面邏輯為設(shè)計(jì)目標(biāo),那么該目標(biāo)需要貫徹軟件(軟件包)整體,而不是局部。
元素外觀一致。交互元素的外觀往往影響用戶的交互效果。同一個(gè)(類)軟件采用一致風(fēng)格的外觀,對(duì)于保持用戶焦點(diǎn),改進(jìn)交互效果有很大幫助。遺憾的是如何確認(rèn)元素外觀一致沒(méi)有特別統(tǒng)一的衡量方法。因此需要對(duì)目標(biāo)用戶進(jìn)行調(diào)查取得反饋。
交互行為一致。在交互模型中,不同類型的元素用戶觸發(fā)其對(duì)應(yīng)的行為事件后,其交互行為需要一致。例如:所有需要用戶確認(rèn)操作的對(duì)話框都至少包含確認(rèn)和放棄兩個(gè)按鈕。對(duì)于交互行為一致性原則比較極端的理念是相同類型的交互元素所引起的行為事件相同。但是我們可以看到這個(gè)理念雖然在大部分情況下正確,但是的確有相反的例子證明不按照這個(gè)理念設(shè)計(jì),會(huì)更加簡(jiǎn)化用戶操作流程。
五、可用性原則
可理解。軟件要為用戶使用,用戶必須可以理解軟件各元素對(duì)應(yīng)的功能。如果不能為用戶理解,那么需要提供一種非破壞性的途徑,使得用戶可以通過(guò)對(duì)該元素的操作,理解其對(duì)應(yīng)的功能。比如:刪除操作元素。用戶可以點(diǎn)擊刪除操作按鈕,提示用戶如何刪除操作或者是否確認(rèn)刪除操作,用戶可以更加詳細(xì)的理解該元素對(duì)應(yīng)的功能,同時(shí)可以取消該操作。
可達(dá)到。用戶是交互的中心,交互元素對(duì)應(yīng)用戶需要的功能。因此交互元素必須可以被用戶控制。用戶可以用諸如鍵盤、鼠標(biāo)之類的交互設(shè)備通過(guò)移動(dòng)和觸發(fā)已有的交互元素達(dá)到其它在此之前不可見(jiàn)或者不可交互的交互元素。要注意的是交互的次數(shù)會(huì)影響可達(dá)到的效果。當(dāng)一個(gè)功能被深深隱藏(一般來(lái)說(shuō)超過(guò)4層)那么用戶達(dá)到該元素的幾率就大大降低了。可達(dá)到的效果也同界面設(shè)計(jì)有關(guān)。過(guò)于復(fù)雜的界面會(huì)影響可達(dá)到的效果。
可控制。軟件的交互流程,用戶可以控制。功能的執(zhí)行流程,用戶可以控制。如果確實(shí)無(wú)法提供控制,則用能為目標(biāo)用戶理解的方式提示用戶。
(圖片來(lái)自網(wǎng)絡(luò))
ui設(shè)計(jì)切圖用什么軟件
藍(lán)湖使用環(huán)境,需要在 PSCC2015以上版本使用,需要官方提供的壓縮工具才能打開(kāi)。
官網(wǎng)直接下載安裝,結(jié)束后可直接在PS,窗口-->擴(kuò)展工具中打開(kāi)。
切圖及標(biāo)注使用方法:
擴(kuò)展中打開(kāi),登錄藍(lán)湖賬號(hào)密碼;
選擇當(dāng)前設(shè)計(jì)稿的設(shè)計(jì)尺寸,一般情況下移動(dòng)端手機(jī)設(shè)計(jì)稿是iPhone 6尺寸設(shè)計(jì)稿750*1334選擇 Ios @2x ;
當(dāng)前頁(yè)面的切圖,找到需要切圖的圖層部分標(biāo)記一下,會(huì)出現(xiàn)一個(gè)虛線框;
切圖完成后 選擇上傳到全部畫(huà)板,就會(huì)把設(shè)計(jì)圖上傳到藍(lán)湖的Web端,開(kāi)發(fā)可以在Web端 查看設(shè)計(jì)稿的標(biāo)注、切圖、顏色、代碼等內(nèi)容,切圖有@1x,@2x,@3x,型號(hào),點(diǎn)擊需要切圖的位置就可以下載。
交互原型使用方法:
在所有設(shè)計(jì)稿上傳到藍(lán)湖Web端后,可以用交互工具將設(shè)計(jì)稿交互連接起來(lái),直接預(yù)覽最終交互效果;
還可以手機(jī)下載藍(lán)湖APP,在手機(jī)上查看帶交互的設(shè)計(jì)稿,更容易展示給用戶觀看。
好了,看了小編介紹了這么多,相信大家對(duì)ui設(shè)計(jì)切圖用什么軟件的全部?jī)?nèi)容有了一個(gè)基本的了解了吧,ui這個(gè)行業(yè)是很好的哦,有興趣的朋友可以加入進(jìn)來(lái)。