UI設(shè)計(jì)－從圖標(biāo)到界面完美解析第一章 UI設(shè)計(jì)概述

從圖標(biāo)到界面完美解析UI設(shè)計(jì)第一章UI設(shè)計(jì)概述CONTENTS目錄01UI設(shè)計(jì)概述02UI設(shè)計(jì)的根本原那么03UI設(shè)計(jì)的風(fēng)格04完整的UI設(shè)計(jì)流程05UI設(shè)計(jì)師需要掌握哪些技術(shù)06UI設(shè)計(jì)師的就業(yè)前景07出色的UI界面設(shè)計(jì)欣賞01UI設(shè)計(jì)概述第一章UI設(shè)計(jì)概述UI設(shè)計(jì)概述什么是UI設(shè)計(jì)？UserInterface〔用戶界面〕UI通常情況下被理解為界面美化設(shè)計(jì)——即UserInterface(用戶界面)。UI的重點(diǎn)在與研究客戶的喜好和行為UI第一章UI設(shè)計(jì)概述UI設(shè)計(jì)概述02平面UI設(shè)計(jì)軟件界面、網(wǎng)頁(yè)、系統(tǒng)界面、平面設(shè)計(jì)、廣告設(shè)計(jì)、平面海報(bào)01移動(dòng)UI設(shè)計(jì)手機(jī)UI設(shè)計(jì)手機(jī)APP客戶端設(shè)計(jì)第一章UI設(shè)計(jì)概述UI設(shè)計(jì)概述本書(shū)主要以Photoshop軟件進(jìn)行UI設(shè)計(jì)為主題，除此之外還有其他的諸如AdobeIllustrator、CorelDRAW等軟件也被用于UI設(shè)計(jì)，這也是根據(jù)設(shè)計(jì)者的個(gè)人愛(ài)好來(lái)決定的。02UI設(shè)計(jì)的根本原那么第一章UI設(shè)計(jì)概述UI設(shè)計(jì)的根本原那么0201030506簡(jiǎn)易性原那么清楚明了原那么平安、靈活、人性化原那么用戶語(yǔ)言原那么記憶負(fù)擔(dān)最小原那么一致性原那么設(shè)計(jì)目標(biāo)一致、元素外觀一致、交互行為一致設(shè)計(jì)原則0403UI設(shè)計(jì)的風(fēng)格第一章UI設(shè)計(jì)概述UI設(shè)計(jì)的風(fēng)格B擬物化圖標(biāo)A扁平化圖標(biāo)

在設(shè)計(jì)的過(guò)程中去掉浮華卻顯得多余的各種邊框、陰影、紋理、變體、3D元素等，呈獻(xiàn)給使用者非常干凈、簡(jiǎn)單的界面設(shè)計(jì)作品，這也就是界面設(shè)計(jì)中所說(shuō)的扁平化設(shè)計(jì)。

擬物化設(shè)計(jì)追求模擬現(xiàn)實(shí)物品的造型和質(zhì)感，通過(guò)疊加高光、紋理、材質(zhì)、陰影等各種效果對(duì)實(shí)物進(jìn)行再現(xiàn)。第一章UI設(shè)計(jì)概述UI設(shè)計(jì)的風(fēng)格A扁平化圖標(biāo)第一章UI設(shè)計(jì)概述UI設(shè)計(jì)的風(fēng)格B擬物化圖標(biāo)第一章UI設(shè)計(jì)概述UI設(shè)計(jì)的風(fēng)格扁平化產(chǎn)生開(kāi)展的必然性02突出內(nèi)容主題，減弱了各種漸變、陰影、高光等視覺(jué)效果對(duì)用戶視線的干擾，能讓用戶更加專注于內(nèi)容本身，減少信息層級(jí)的復(fù)雜性。01真實(shí)還原實(shí)際物體的設(shè)計(jì)特點(diǎn)有其獨(dú)特的視覺(jué)效果，擬物化設(shè)計(jì)更具象、更直觀、更有趣。04完整的UI設(shè)計(jì)流程第一章UI設(shè)計(jì)概述完整的UI設(shè)計(jì)流程0504030201需求分析使用者，使用環(huán)境，使用方式的需求分析。什么人、什么地方、如何用？分析設(shè)計(jì)階段方案形成階段。設(shè)計(jì)出幾套不同風(fēng)格的界面用于被選。調(diào)研驗(yàn)證階段用戶對(duì)各套方案的第一印象；用戶對(duì)各套方案的綜合印象；用戶對(duì)各套方案的單獨(dú)評(píng)價(jià)；方案改進(jìn)階段把精力投入到一個(gè)方案上，做得細(xì)致精美用戶反響階段05UI設(shè)計(jì)師需要掌握哪些技術(shù)第一章UI設(shè)計(jì)概述UI設(shè)計(jì)師需要掌握哪些技術(shù)PhotoshopIllustrator軟件應(yīng)用0102美術(shù)設(shè)計(jì)能力設(shè)計(jì)能力03

提高產(chǎn)品的可用性發(fā)掘用戶的潛在需求，為技術(shù)創(chuàng)新提供另外一條思路和方法。用戶研究04交互設(shè)計(jì)能力和方法人機(jī)交互06UI設(shè)計(jì)師就業(yè)前景第一章UI設(shè)計(jì)概述UI設(shè)計(jì)師就業(yè)前景隨著21世紀(jì)互聯(lián)網(wǎng)大開(kāi)展以及近幾年移動(dòng)互聯(lián)網(wǎng)產(chǎn)業(yè)爆發(fā)式的增長(zhǎng)，UI設(shè)計(jì)師，尤其是移動(dòng)UI設(shè)計(jì)已經(jīng)受到眾多設(shè)計(jì)師的青睞010203一個(gè)新興產(chǎn)業(yè)有一個(gè)漫長(zhǎng)的開(kāi)展期、壯大器、鼎盛期，越早投入其中越能占領(lǐng)行業(yè)制高點(diǎn)。APPUI設(shè)計(jì)是一個(gè)嶄新的崗位，也是設(shè)計(jì)師們不斷追求新鮮刺激感覺(jué)的源動(dòng)力，具有極強(qiáng)的挑戰(zhàn)性。一個(gè)熱門(mén)的職業(yè)會(huì)給從業(yè)者帶來(lái)豐厚的價(jià)值回報(bào)，成功的UI設(shè)計(jì)師意味著高技術(shù)高收入，是當(dāng)今社會(huì)炙手可熱的精英人才。07UI設(shè)計(jì)欣賞第一章UI設(shè)計(jì)概述UI設(shè)計(jì)欣賞第一章UI設(shè)計(jì)概述UI設(shè)計(jì)欣賞第一章UI設(shè)計(jì)概述