蘇州ui設(shè)計(jì)如何學(xué)習(xí)？Part1：剛外界UI設(shè)計(jì)你估計(jì)什么都不知道一點(diǎn)，這里我們要要會(huì)UI設(shè)計(jì)的軟件呀，ps和AI，也要自學(xué)美術(shù)設(shè)計(jì)，設(shè)計(jì)底蘊(yùn)，版式設(shè)計(jì)，主要那就是培養(yǎng)訓(xùn)練學(xué)生的技能展示，還有你的可以

蘇州ui設(shè)計(jì)如何學(xué)習(xí)？

Part1：剛外界UI設(shè)計(jì)你估計(jì)什么都不知道一點(diǎn)，這里我們要要會(huì)UI設(shè)計(jì)的軟件呀，ps和AI，也要自學(xué)美術(shù)設(shè)計(jì)，設(shè)計(jì)底蘊(yùn)，版式設(shè)計(jì)，主要那就是培養(yǎng)訓(xùn)練學(xué)生的技能展示，還有你的可以搭配能力，還有一個(gè)你的排版能力，包括你對(duì)色彩的搭配掌握到，這是基礎(chǔ)完全掌握。Part2：第二個(gè)我們要學(xué)習(xí)的是交互邏輯和用戶(hù)體驗(yàn)，教你Axure要如何最終形成原型圖，又要學(xué)AUT界面設(shè)計(jì)，這邊會(huì)用到APP原型設(shè)計(jì)，這些全是做UI設(shè)計(jì)應(yīng)具備的，包括人機(jī)交互用戶(hù)體驗(yàn)。Part3：移動(dòng)端UI的制作，要注意從手繪結(jié)束，你必須有個(gè)思路用手繪的形式畫(huà)出來(lái)，后再在用軟件很容易做，運(yùn)用到安卓和蘋(píng)果手機(jī)上看一下效果。Part4：到最后是前端實(shí)現(xiàn)程序，這一塊通常講的是去學(xué)習(xí)H5代碼，CS3代碼在內(nèi)Js，你很可能也奇怪的，學(xué)習(xí)UI設(shè)計(jì)的要用代碼嘛？反正是UI設(shè)計(jì)師要和前端后端工程師兩個(gè)對(duì)接，這樣你假如還不知道他們干些什么有什么要求，那你們對(duì)接出聲一定有很大的麻煩，你要清楚基本是的一些代碼知識(shí)這樣你才能對(duì)接通暢。5我們一共有多少有4個(gè)板塊，每個(gè)板塊是不同的老師全權(quán)負(fù)責(zé)教你，每一個(gè)板塊也是老師最最擅長(zhǎng)的部分，不過(guò)我們是小班教學(xué)一個(gè)班里面十幾個(gè)人，面授也好方便聯(lián)系，馬上幫助你解決困難。

我在蘇州就是畜牧獸醫(yī)相關(guān)專(zhuān)業(yè)文化類(lèi)行業(yè)，外界了很多宣推工作?？梢员仨毭鞔_地說(shuō)，在蘇州這方面的需求很小，前景挺好的。隨著新媒體的發(fā)展，很多原來(lái)是是需要按照電視、報(bào)紙宣傳什么的單位，現(xiàn)在都成立了自己的宣傳推廣部門(mén)，或者指派第三方并且制做，UI設(shè)計(jì)方面自然需求量成倍。

蘇州正準(zhǔn)備轉(zhuǎn)型升級(jí)發(fā)展，從制造業(yè)向智能制造、向研制開(kāi)發(fā)轉(zhuǎn)變，蘇州也有智能機(jī)器人、語(yǔ)音交互等很多高科技公司，這方面都有不少需求。

在制作方面，雖然現(xiàn)在有不少鐵架操作的工具、平臺(tái)，可是就以前圖秀秀應(yīng)用越來(lái)越普及了，但是PS依然是有用工具，是想做到，肯定需要專(zhuān)業(yè)的人、什么專(zhuān)業(yè)的工具。

UI設(shè)計(jì)，不單是界面美觀，其中猛含著很強(qiáng)的操作邏輯，一個(gè)手機(jī)App，甚至于是幾張宣傳海報(bào)，應(yīng)該有其內(nèi)在的美道理和專(zhuān)業(yè)判斷。

越來(lái)越多的文化傳媒公司，更是需要這方面的人才。蘇州的文化產(chǎn)業(yè)只不過(guò)還不是不強(qiáng)，不過(guò)這個(gè)可以看得出來(lái)，蘇州還在太低這方面的發(fā)展力度，在蘇州學(xué)習(xí)UI設(shè)計(jì)的氛圍也會(huì)非常好。蘇州是國(guó)家歷史文化名城，做設(shè)計(jì)的也底蘊(yùn)很足。

以我在蘇州十幾年的工作經(jīng)歷來(lái)看，蘇州愿意。

電視機(jī)概念UI如何設(shè)計(jì)？

一、使用場(chǎng)景

在正在交給需求之前，我們是需要需要打聽(tīng)一下使用場(chǎng)景和環(huán)境，打聽(tīng)一下這些這些特性設(shè)計(jì)更要什么場(chǎng)景的界面，符合國(guó)家規(guī)定良好的用戶(hù)體驗(yàn)。

所以在TV的界面設(shè)計(jì)上好是讓用戶(hù)方向鍵和可以了都能夠參與能操作，并能提供返回鍵，盡量避免用戶(hù)垂頭看遙控器去尋找按鍵而反駁操作的任務(wù)流。TV標(biāo)配音響系（音量是設(shè)置成開(kāi)啟的）。所以我在app設(shè)計(jì)中，是可以建議使用聲音以及幫助提示和操作反饋提示。

二、智能電視的特性

智能電視液晶屏區(qū)別于電腦顯示設(shè)備和手機(jī)顯示設(shè)備，當(dāng)你怎么設(shè)計(jì)你的APPui界面時(shí)，你要知道根本上智能電視與電腦或移動(dòng)設(shè)備（手機(jī)）是相同的。除了它的尺寸大小因素，電視顯示出的信息總量比電腦或移動(dòng)設(shè)備的

要少，你估計(jì)提供給更少的UI，盡很有可能的機(jī)電一體化處理某些任務(wù)，而不是什么要求用戶(hù)去互動(dòng)。

市面上大多電視的尺寸都更具是有欺騙性。事實(shí)上古代和現(xiàn)代電視的屏幕對(duì)角線大多大于40英寸，成比例地，觀眾坐在那電視前比坐在那電腦顯示屏前要遠(yuǎn)。作為用戶(hù)的感應(yīng)到的是，電視屏幕尺寸“似乎”比電腦顯示器要小。當(dāng)你在設(shè)

計(jì)UI時(shí)，你也可以用自己的手機(jī)再連接ps來(lái)模擬這種體驗(yàn).

三、顯示器和移動(dòng)設(shè)備的顯示分辨率

電腦顯示器大分辨率，常見(jiàn)大于等于顯卡分辨率。顯卡決定大的分辨率，顯示器決定像素密度。移動(dòng)設(shè)備的分

辨率和像素密度往往是且固定的，電腦操作系統(tǒng)能自動(dòng)啟動(dòng)處理分辨率和像素密度的問(wèn)題。

Android系統(tǒng)據(jù)設(shè)備屏幕大小和像素密度來(lái)按比例縮放UI。況且，你是可以可以提供可全部替換的UI資源，為不同設(shè)備馬上準(zhǔn)備最好就是的UI體驗(yàn)。

電視沒(méi)顯示分辨率

電視（就算是最現(xiàn)代化的設(shè)備的那些電腦）有基于掃描線的顯示分辨率。GoogleTV允許3種掃描線值的高清電視：720p，1080i和1080p，這代表720逐行掃描系統(tǒng)線，1080隔行掃描儀線和1080逐行系統(tǒng)掃描線（Android將后兩者視作等同）。720值意味著電視也可以在屏幕的平行方向上“尋址”720條有所不同的線；1080值則換句話(huà)說(shuō)電視以在垂線方向上“尋址”1080條線。

這些線有多高，每條線之間的“寬”是多少？也就是說(shuō)電視的不好算像素密度是多少？Android將這些數(shù)值抽象總是顯示為與密度沒(méi)什么關(guān)系的像素單位（縮寫(xiě)dp）。

Android應(yīng)用程序相成于Android的縮放技術(shù)。其實(shí)，你肯定為1080p的規(guī)格來(lái)電腦設(shè)計(jì)UI，不允許Android系統(tǒng)將你的UI突然縮小到720p的規(guī)格，畢竟突然縮小圖形的效果大多數(shù)要優(yōu)于放大和縮小的效果。為了得到最好就是的圖片比例縮放效果，可以給變更土地性質(zhì)提供給切圖。

智能電視的設(shè)計(jì)尺寸

所以才個(gè)人建議以1080P才是視覺(jué)設(shè)計(jì)稿尺寸，切圖可以可以使用android9-patch切圖通過(guò)低分辨率適配?，在測(cè)試的時(shí)候選擇用低分辨率測(cè)試也可以更好的發(fā)現(xiàn)問(wèn)題；切實(shí)保障在TV所有總是顯示模式下在測(cè)試，都應(yīng)該不會(huì)出現(xiàn)問(wèn)題。

四、焦點(diǎn)

論是為哪個(gè)廠商的電視盒子或者TVOS做，你都是需要理解一個(gè)叫FocusEngine的設(shè)計(jì)概念，你要此時(shí)此刻你記得在電視UI上估計(jì)始終有一個(gè)東西是在Focus的狀態(tài)也就是焦點(diǎn)狀態(tài)。

舉個(gè)栗子：如上圖中有很多個(gè)磁貼排布，而在移動(dòng)設(shè)備上，你需要你選哪個(gè)就再再點(diǎn)擊哪個(gè)磁貼即可解決。而在電視上，默認(rèn)狀態(tài)就肯定是選中后了一排照片中的某一個(gè)，而你是需要點(diǎn)擊某一個(gè)，就要先移動(dòng)焦點(diǎn)到隨機(jī)的磁貼上，點(diǎn)擊可以啦來(lái)完成選擇，這是由遙控器這種奇異的交互做出決定的。

焦點(diǎn)在整個(gè)TV APP中尤為重要，并且啊,設(shè)計(jì)這塊交互時(shí)，畢竟卡片那就按鈕，選中的效果，不需要充足明顯過(guò)分一些，當(dāng)然了，除了可以放大投影效果，放大和縮小外會(huì)發(fā)光效果，有放大縮小加描邊的效果，六點(diǎn)起床樂(lè)視在這幾塊做的挺出色的，但現(xiàn)在風(fēng)格上已經(jīng)格外很老舊了。

然后再放大縮小的倍率，如果不是沒(méi)有太大感覺(jué)上得話(huà)，我不在這里推薦，放大和縮小1.1倍-1.5倍之間，而我經(jīng)常會(huì)得用是1.8倍太小不很明顯，太大很難遮擋所有信息，具體詳細(xì)可以不自己逐個(gè)去接觸完全不同的效果，再參照自己的界面風(fēng)格，選擇類(lèi)型一個(gè)最比較好的作為規(guī)范。

基于遙控器的操作限制，盡很可能的讓用戶(hù)通過(guò)上下左右和可以啦鍵來(lái)參與你的操作。

盡可能會(huì)的減少文字輸入的操作，因?yàn)樵赥V上在沒(méi)有鍵盤(pán)pk型輸入的情況下，是從光標(biāo)在虛擬鍵盤(pán)上輸入輸入文字是一個(gè)非常很蛋疼的事情，必要的情況下，為用、戶(hù)需要提供語(yǔ)音輸入。

在布局上最好不要讓房間的布局如圖下右，不要有層層的交互控件出現(xiàn)，會(huì)提高選擇類(lèi)型困難。這部分交互在下文我會(huì)再掏出、來(lái)講。

五、導(dǎo)航與狀態(tài)

在TV端中，導(dǎo)航遵循什么很簡(jiǎn)單，交互友好，且就是為了遙控器機(jī)方向鍵上，下，左，右，加ok鍵的操作，比較普遍的導(dǎo)航為寬度導(dǎo)航欄，寬度導(dǎo)航欄。

六、菜單

十字交互和磁貼是TV端應(yīng)用通吃的交互，但實(shí)際應(yīng)用中，十字交互在安卓平臺(tái)開(kāi)發(fā)難度相對(duì)于較高，且不超過(guò)只有展示展示兩級(jí)菜單，當(dāng)遇見(jiàn)三級(jí)菜單需求，在設(shè)計(jì)和開(kāi)發(fā)時(shí)變會(huì)略顯很吃力。

磁貼風(fēng)格，開(kāi)發(fā)難度總體小，但下級(jí)菜單只有疼時(shí)套用公式磁貼接受展示，當(dāng)進(jìn)入二級(jí)菜單時(shí)候，二級(jí)菜單名也被重命名，且一級(jí)菜單不夠醒目，很難使用戶(hù)全部丟失當(dāng)前位置，新手你操作站了起來(lái)就越發(fā)徹底的混亂了。

考慮到這些因素，我們?cè)谠O(shè)計(jì)菜單的時(shí)候，也要被優(yōu)先中級(jí)菜單相當(dāng)顯目，讓用戶(hù)除非有三級(jí)或者四級(jí)菜單，也能讓用戶(hù)時(shí)刻明白了界面的當(dāng)前位置，而磁貼只不過(guò)能展示展示豐富的內(nèi)容，也符合扁平化趨勢(shì)，如果可以不借鑒下電腦設(shè)計(jì)。

七、狀態(tài)

反正總結(jié)歸納站了起來(lái)，TV端在第一項(xiàng)的狀態(tài)中，多了一個(gè)半鼠標(biāo)右鍵點(diǎn)擊狀態(tài)，這個(gè)交互過(guò)程反正在早時(shí)候，按鍵手機(jī)時(shí)代，你經(jīng)常用到。我的經(jīng)驗(yàn)建議是，盡很可能的通過(guò)程序自動(dòng)出現(xiàn)如何處理，去簡(jiǎn)化后個(gè)交互，會(huì)減少用戶(hù)的操作步驟

八，顏色

總之歸納過(guò)來(lái)，TV端在常規(guī)的狀態(tài)中，多了一個(gè)半選中后狀態(tài)，這個(gè)交互當(dāng)然在早時(shí)候，按鍵手機(jī)時(shí)代，你經(jīng)常會(huì)用到。我的經(jīng)驗(yàn)建議是，盡很可能的按照程序自動(dòng)如何處理，去更簡(jiǎn)練個(gè)交互，降低用戶(hù)的操作步驟

九、字體

在不使用字體時(shí)，盡量的避免纖細(xì)字體或者有過(guò)寬、過(guò)窄筆畫(huà)的字體。使用很簡(jiǎn)單無(wú)襯線字體并選用抗鋸齒功能來(lái)提高易讀性。

目前，TVOS甚至大多數(shù)是安卓系統(tǒng)，字體在用思源黑體，在你需求是需要時(shí)，你可以不判斷合成一體以完成授權(quán)的字體包。但你必須你只要記住一點(diǎn)，導(dǎo)進(jìn)字體包必是會(huì)拖慢系統(tǒng)的運(yùn)行速度，應(yīng)用的性能會(huì)下降，要做應(yīng)用的內(nèi)存管理是很有必要，其實(shí)這是的新的事情，你只需要所了解。

以下是一些能提高文本易讀性的一些方法建議：

盡很有可能的減少大量文字的出現(xiàn)。

將長(zhǎng)句改為幾個(gè)短句，讓用戶(hù)可以不快速打開(kāi)瀏覽器。

雖說(shuō)尺寸是，算得3X圖，但字體的大小并非移動(dòng)端規(guī)范的3X，完全是為在線觀看距離設(shè)計(jì)的，低些會(huì)大很多。

在電視上，在深顏色背景上的米色文字比在米色背景上的深顏色文字更很容易閱讀。

可以使用Android的標(biāo)準(zhǔn)字體尺寸。比如，標(biāo)準(zhǔn)的小字體字號(hào)為14sp，在1080p的屏幕上，這普通28點(diǎn)的字號(hào)。

為屏幕文本可以設(shè)置比印刷文本相當(dāng)大的行間距。

十、個(gè)人建議您

接觸TV項(xiàng)目大概7個(gè)月，參照我這個(gè)階段的學(xué)習(xí)，和換算工作，我總結(jié)歸納和再歸納的這些基本知識(shí)和注意事項(xiàng)，這些大致能好處剛接觸TV項(xiàng)目的朋友飛速知道一點(diǎn)電視大屏的基本上界面設(shè)計(jì)方法和交互知識(shí)，盡量的避免一些不必要的坑。

但畢竟每個(gè)公司流程是一樣的，各自制定的規(guī)范也有了完全不同，更多的是是從多實(shí)戰(zhàn)，多接觸，去對(duì)比和歸納，在依據(jù)什么自己的產(chǎn)品定位，去設(shè)計(jì)出最最合適的方案。

之后說(shuō)一句，TV端設(shè)計(jì)是因?yàn)獒槍?duì)用戶(hù)群都是偏超大齡，大部分情況并沒(méi)有什么像APP這樣越發(fā)高上大，潮流，好看的界面可未必是適合的，不過(guò)適合的界面，當(dāng)然是最好的設(shè)計(jì)。