<em id="09ttv"></em>
    <sup id="09ttv"><pre id="09ttv"></pre></sup>
    <dd id="09ttv"></dd>

        • 聊聊UI設計到底做什么的

          2015-4-15    用心設計

          藍藍設計www.sdgs6788.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業(yè)提供有效的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務

          每一個扁平化界面設計,都是我們的心靈碰撞致力于最棒的 metro ui 設計

          來源:莫貝網

           如果您想訂閱本博客內容,每天自動發(fā)到您的郵箱中, 請點這里

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

          血兒:UI到底做什么,要從UI接到的工作流程來說——產品/交互/設計。也就是說一般我們接到的是交互稿。

          這時候UI看到一個交互設計,需要考慮的是:

          1、這樣的排布是否合理(比如960的屏和1136的屏幕是否都可以容下足夠的設計關鍵信息)

          2、信息重點在哪里?

          3、用戶人群是哪一類?

          等等分析都是自己的事。另外,通常我們拿到的交互稿是這樣子的:

          UI20150408 (1)

          產出卻要求是這樣子的:

          UI20150408 (1)

          那么這中間的坑和鴻溝就是我們自己填。

          在解決完上面的問題后,我們開始著手UI設計:

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

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

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

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

          3、用什么風格來表達

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

          UI20150408 (3)

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

          4、圖標化成什么風格

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

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

          5、如何表達情感化設計

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

          UI20150408 (6)UI20150408 (5)

          6、動效如何做

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

          UI20150408 (1)

          原圖來源于 http://wuweiguo.lofter.com

          7、萬年的大頭疼圖標icon

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

          8、適配、切圖

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

          在某些小公司,UI要肩負和產品一起考慮交互的問題。這時候經常需要UI在自己儲備足夠的視覺設計能力的同時有良好的交互設計能力。

          日歷

          鏈接

          個人資料

          藍藍設計的小編 http://www.sdgs6788.com

          存檔

          亚洲伊人久久大香线蕉综合图片| 亚洲国产香蕉人人爽成AV片久久| 亚洲精品国产美女久久久 | 潮喷大喷水系列无码久久精品| 亚洲精品乱码久久久久久自慰| 2021久久国自产拍精品| 国产高潮久久免费观看| 久久91精品国产91| 久久综合久久综合久久综合| 久久久久久A亚洲欧洲AV冫| 亚洲人成精品久久久久| 久久综合久久综合九色| 亚洲AV无码久久精品蜜桃| 激情五月综合综合久久69| 久久久久无码精品国产| 久久亚洲精品无码观看不卡| 久久男人Av资源网站无码软件 | 一本久久综合亚洲鲁鲁五月天亚洲欧美一区二区 | 成人精品一区二区久久| 一本色道久久88精品综合| 日韩亚洲国产综合久久久| 国产午夜精品久久久久免费视| 三级三级久久三级久久| 久久久这里有精品中文字幕| 久久精品国产精品国产精品污| 久久亚洲私人国产精品vA| 中文字幕久久精品无码| 亚洲人成无码www久久久| 久久久久一本毛久久久| 久久电影网| 国产巨作麻豆欧美亚洲综合久久| 久久99国产精品99久久 | 久久福利片| 深夜久久AAAAA级毛片免费看| 国产精品九九久久精品女同亚洲欧美日韩综合区 | 久久综合九色综合网站| 中文字幕精品久久久久人妻| 亚洲国产一成久久精品国产成人综合 | 久久五月精品中文字幕| 久久精品二区| 99久久免费国产精品特黄|