課程咨詢 :0517-89003283

姓名

電話

Q Q

城市

當前位置 :  首頁 > 課程體系 > UI設計

新手上路:UI設計要考慮哪些問題?

時間:2019-05-02 11:07:28 作者:北大青鳥淮安瀚唐校區

編者按:新人初涉UI領域,除了掌握必要的技能點,想盡快上手,了解整個設計流程也很重要,今天聊聊自己接單的7個步驟,以供參考:

UI到底做什么,要從UI接到的工作流程來說——產品/交互/設計。也就是說一般我們接到的是交互稿。
這時候UI看到一個交互設計,需要考慮的是:
1、這樣的排布是否合理(比如960的屏和1136的屏幕是否都可以容下足夠的設計關鍵信息)
2、信息重點在哪里?
3、用戶人群是哪一類?
等等分析都是自己的事。另外,通常我們拿到的交互稿是這樣子
 
那么這中間的坑和鴻溝就是我們自己填。
在解決完上面的問題后,我們開始著手UI設計:

1、從產品需求入手,考慮我們到底要用什么主色調?

比如同樣是團購,糯米用的是桃紅色,而美團是翠綠色。那么我們在UI設計的時候首先就要考慮主色調的問題。

2、配色和輔助色用什么顏色?

在考慮到產品氣質和品牌色的同時,我們經常要考慮配合襯托產品主色調的輔助色。在不同的產品中,輔助色運用的策略是不同的,比如我們經常說的:鄰近色、對比色等。都是我們選擇輔助色的方法。

3、用什么風格來表達?

現在來說,說到風格一句話,扁平風。但是在扁平中也有區別。比如下圖,同樣是扁平。但是左圖微微帶有一些光影,而右圖是純扁平。你能說哪個好或者不好嗎?不能。


同樣的信息,在UI的表達上也有不同的表達方式。那么只能在具體你的UI設計中去考慮具體你需要用什么風格。這些都是UI的工作內容。

4、圖標化畫什么風格?

同樣是設置、發現、首頁,不同的app在基本結構一致的情況下也有很多細微的差別。倒是是要用圓角的icon、還是直角,是用面還是線形,這背后的設計語言邏輯是什么,設計目的是什么。都是需要UI設計來考慮。

比如:同樣是騰訊的產品,手Q和微信的icon就完全不一樣。其原因是由于產品面對的人群不同,手Q更偏年輕化。同樣,你去看陌陌、來往、易信的聊天icon也是不一樣的。這都是需要UI設計師一點點摳細節的去畫出來的。

5、如何表達情感化設計?

在一些細節頁面我們常常要考慮情感化設計,以此來提升app的品質,降低用戶在異常情況下的挫敗感。同時好的設計師還會考慮到如何引導用戶去解決,從而滿足產品訴求。不同的產品在做情感化設計的時候方式方法不同,風格也不一樣。這些也都是需要UI設計來處理的。



6、動效如何做?

因為手機交互是動態的。所以我們如果可以用在一些跳轉頁面引用動效設計,無疑是對整個app加分的好方法。
4.gif

原圖來源于 http://wuweiguo.lofter.com
7、令人頭疼的圖標icon

一萬個人有一萬個答案,那么具體怎么做,還是要考慮用戶、場景、需求等細節。產品可以提供方向,但是具體的落地還是需要UI設計師來完成。

8、適配、切圖

也算是萬年話題了。你不是做個好看的東西,要能用,開發要能開發。你要考慮iphone4567,還要考慮不同的安卓720/1280/1920,甚至有些公司要特殊考慮某些屏幕。

在某些小公司,UI要肩負和產品一起考慮交互的問題。這時候經常需要UI在自己儲備足夠的視覺設計能力的同時有良好的交互設計能力。
 
免責聲明:轉載文章和圖片均來自公開網絡,版權歸作者本人所有,推送文章除非無法確認,我們都會注明作者和來源。如果出處有誤或侵犯到原作者權益,請與我們聯系刪除或授權事宜

 
more

開班信息

more

熱點新聞

淮安瀚唐信息技術有限公司版權所有  蘇ICP備13014967-1
qq麻将16番图解 电子游戏注册送自助体验金 新彊吋时彩五星走势图 华东15选5走势图带坐标连线华东15选五专家杀号 湖北快3投注平台 加拿大28走势图大神 重庆时时开奖直播 浙江快乐彩app下载 5星腾龙时时做号软件 真道人开奖现真道人开奖结果 重庆时时彩改为20分钟