android ui設計技巧 蘇州ui設計如何學習?
蘇州ui設計如何學習?Part1:剛外界UI設計你估計什么都不知道一點,這里我們要要會UI設計的軟件呀,ps和AI,也要自學美術設計,設計底蘊,版式設計,主要那就是培養(yǎng)訓練學生的技能展示,還有你的可以
蘇州ui設計如何學習?
Part1:剛外界UI設計你估計什么都不知道一點,這里我們要要會UI設計的軟件呀,ps和AI,也要自學美術設計,設計底蘊,版式設計,主要那就是培養(yǎng)訓練學生的技能展示,還有你的可以搭配能力,還有一個你的排版能力,包括你對色彩的搭配掌握到,這是基礎完全掌握。Part2:第二個我們要學習的是交互邏輯和用戶體驗,教你Axure要如何最終形成原型圖,又要學AUT界面設計,這邊會用到APP原型設計,這些全是做UI設計應具備的,包括人機交互用戶體驗。Part3:移動端UI的制作,要注意從手繪結束,你必須有個思路用手繪的形式畫出來,后再在用軟件很容易做,運用到安卓和蘋果手機上看一下效果。Part4:到最后是前端實現(xiàn)程序,這一塊通常講的是去學習H5代碼,CS3代碼在內Js,你很可能也奇怪的,學習UI設計的要用代碼嘛?反正是UI設計師要和前端后端工程師兩個對接,這樣你假如還不知道他們干些什么有什么要求,那你們對接出聲一定有很大的麻煩,你要清楚基本是的一些代碼知識這樣你才能對接通暢。5我們一共有多少有4個板塊,每個板塊是不同的老師全權負責教你,每一個板塊也是老師最最擅長的部分,不過我們是小班教學一個班里面十幾個人,面授也好方便聯(lián)系,馬上幫助你解決困難。
我在蘇州就是畜牧獸醫(yī)相關專業(yè)文化類行業(yè),外界了很多宣推工作??梢员仨毭鞔_地說,在蘇州這方面的需求很小,前景挺好的。隨著新媒體的發(fā)展,很多原來是是需要按照電視、報紙宣傳什么的單位,現(xiàn)在都成立了自己的宣傳推廣部門,或者指派第三方并且制做,UI設計方面自然需求量成倍。
蘇州正準備轉型升級發(fā)展,從制造業(yè)向智能制造、向研制開發(fā)轉變,蘇州也有智能機器人、語音交互等很多高科技公司,這方面都有不少需求。
在制作方面,雖然現(xiàn)在有不少鐵架操作的工具、平臺,可是就以前圖秀秀應用越來越普及了,但是PS依然是有用工具,是想做到,肯定需要專業(yè)的人、什么專業(yè)的工具。
UI設計,不單是界面美觀,其中猛含著很強的操作邏輯,一個手機App,甚至于是幾張宣傳海報,應該有其內在的美道理和專業(yè)判斷。
越來越多的文化傳媒公司,更是需要這方面的人才。蘇州的文化產業(yè)只不過還不是不強,不過這個可以看得出來,蘇州還在太低這方面的發(fā)展力度,在蘇州學習UI設計的氛圍也會非常好。蘇州是國家歷史文化名城,做設計的也底蘊很足。
以我在蘇州十幾年的工作經歷來看,蘇州愿意。
電視機概念UI如何設計?
一、使用場景
在正在交給需求之前,我們是需要需要打聽一下使用場景和環(huán)境,打聽一下這些這些特性設計更要什么場景的界面,符合國家規(guī)定良好的用戶體驗。
所以在TV的界面設計上好是讓用戶方向鍵和可以了都能夠參與能操作,并能提供返回鍵,盡量避免用戶垂頭看遙控器去尋找按鍵而反駁操作的任務流。TV標配音響系(音量是設置成開啟的)。所以我在app設計中,是可以建議使用聲音以及幫助提示和操作反饋提示。
二、智能電視的特性
智能電視液晶屏區(qū)別于電腦顯示設備和手機顯示設備,當你怎么設計你的APPui界面時,你要知道根本上智能電視與電腦或移動設備(手機)是相同的。除了它的尺寸大小因素,電視顯示出的信息總量比電腦或移動設備的
要少,你估計提供給更少的UI,盡很有可能的機電一體化處理某些任務,而不是什么要求用戶去互動。
市面上大多電視的尺寸都更具是有欺騙性。事實上古代和現(xiàn)代電視的屏幕對角線大多大于40英寸,成比例地,觀眾坐在那電視前比坐在那電腦顯示屏前要遠。作為用戶的感應到的是,電視屏幕尺寸“似乎”比電腦顯示器要小。當你在設
計UI時,你也可以用自己的手機再連接ps來模擬這種體驗.
三、顯示器和移動設備的顯示分辨率
電腦顯示器大分辨率,常見大于等于顯卡分辨率。顯卡決定大的分辨率,顯示器決定像素密度。移動設備的分
辨率和像素密度往往是且固定的,電腦操作系統(tǒng)能自動啟動處理分辨率和像素密度的問題。
Android系統(tǒng)據(jù)設備屏幕大小和像素密度來按比例縮放UI。況且,你是可以可以提供可全部替換的UI資源,為不同設備馬上準備最好就是的UI體驗。
電視沒顯示分辨率
電視(就算是最現(xiàn)代化的設備的那些電腦)有基于掃描線的顯示分辨率。GoogleTV允許3種掃描線值的高清電視:720p,1080i和1080p,這代表720逐行掃描系統(tǒng)線,1080隔行掃描儀線和1080逐行系統(tǒng)掃描線(Android將后兩者視作等同)。720值意味著電視也可以在屏幕的平行方向上“尋址”720條有所不同的線;1080值則換句話說電視以在垂線方向上“尋址”1080條線。
這些線有多高,每條線之間的“寬”是多少?也就是說電視的不好算像素密度是多少?Android將這些數(shù)值抽象總是顯示為與密度沒什么關系的像素單位(縮寫dp)。
Android應用程序相成于Android的縮放技術。其實,你肯定為1080p的規(guī)格來電腦設計UI,不允許Android系統(tǒng)將你的UI突然縮小到720p的規(guī)格,畢竟突然縮小圖形的效果大多數(shù)要優(yōu)于放大和縮小的效果。為了得到最好就是的圖片比例縮放效果,可以給變更土地性質提供給切圖。
智能電視的設計尺寸
所以才個人建議以1080P才是視覺設計稿尺寸,切圖可以可以使用android9-patch切圖通過低分辨率適配?,在測試的時候選擇用低分辨率測試也可以更好的發(fā)現(xiàn)問題;切實保障在TV所有總是顯示模式下在測試,都應該不會出現(xiàn)問題。
四、焦點
論是為哪個廠商的電視盒子或者TVOS做,你都是需要理解一個叫FocusEngine的設計概念,你要此時此刻你記得在電視UI上估計始終有一個東西是在Focus的狀態(tài)也就是焦點狀態(tài)。
舉個栗子:如上圖中有很多個磁貼排布,而在移動設備上,你需要你選哪個就再再點擊哪個磁貼即可解決。而在電視上,默認狀態(tài)就肯定是選中后了一排照片中的某一個,而你是需要點擊某一個,就要先移動焦點到隨機的磁貼上,點擊可以啦來完成選擇,這是由遙控器這種奇異的交互做出決定的。
焦點在整個TV APP中尤為重要,并且啊,設計這塊交互時,畢竟卡片那就按鈕,選中的效果,不需要充足明顯過分一些,當然了,除了可以放大投影效果,放大和縮小外會發(fā)光效果,有放大縮小加描邊的效果,六點起床樂視在這幾塊做的挺出色的,但現(xiàn)在風格上已經格外很老舊了。
然后再放大縮小的倍率,如果不是沒有太大感覺上得話,我不在這里推薦,放大和縮小1.1倍-1.5倍之間,而我經常會得用是1.8倍太小不很明顯,太大很難遮擋所有信息,具體詳細可以不自己逐個去接觸完全不同的效果,再參照自己的界面風格,選擇類型一個最比較好的作為規(guī)范。
基于遙控器的操作限制,盡很可能的讓用戶通過上下左右和可以啦鍵來參與你的操作。
盡可能會的減少文字輸入的操作,因為在TV上在沒有鍵盤pk型輸入的情況下,是從光標在虛擬鍵盤上輸入輸入文字是一個非常很蛋疼的事情,必要的情況下,為用、戶需要提供語音輸入。
在布局上最好不要讓房間的布局如圖下右,不要有層層的交互控件出現(xiàn),會提高選擇類型困難。這部分交互在下文我會再掏出、來講。
五、導航與狀態(tài)
在TV端中,導航遵循什么很簡單,交互友好,且就是為了遙控器機方向鍵上,下,左,右,加ok鍵的操作,比較普遍的導航為寬度導航欄,寬度導航欄。
六、菜單
十字交互和磁貼是TV端應用通吃的交互,但實際應用中,十字交互在安卓平臺開發(fā)難度相對于較高,且不超過只有展示展示兩級菜單,當遇見三級菜單需求,在設計和開發(fā)時變會略顯很吃力。
磁貼風格,開發(fā)難度總體小,但下級菜單只有疼時套用公式磁貼接受展示,當進入二級菜單時候,二級菜單名也被重命名,且一級菜單不夠醒目,很難使用戶全部丟失當前位置,新手你操作站了起來就越發(fā)徹底的混亂了。
考慮到這些因素,我們在設計菜單的時候,也要被優(yōu)先中級菜單相當顯目,讓用戶除非有三級或者四級菜單,也能讓用戶時刻明白了界面的當前位置,而磁貼只不過能展示展示豐富的內容,也符合扁平化趨勢,如果可以不借鑒下電腦設計。
七、狀態(tài)
反正總結歸納站了起來,TV端在第一項的狀態(tài)中,多了一個半鼠標右鍵點擊狀態(tài),這個交互過程反正在早時候,按鍵手機時代,你經常用到。我的經驗建議是,盡很可能的通過程序自動出現(xiàn)如何處理,去簡化后個交互,會減少用戶的操作步驟
八,顏色
總之歸納過來,TV端在常規(guī)的狀態(tài)中,多了一個半選中后狀態(tài),這個交互當然在早時候,按鍵手機時代,你經常會用到。我的經驗建議是,盡很可能的按照程序自動如何處理,去更簡練個交互,降低用戶的操作步驟
九、字體
在不使用字體時,盡量的避免纖細字體或者有過寬、過窄筆畫的字體。使用很簡單無襯線字體并選用抗鋸齒功能來提高易讀性。
目前,TVOS甚至大多數(shù)是安卓系統(tǒng),字體在用思源黑體,在你需求是需要時,你可以不判斷合成一體以完成授權的字體包。但你必須你只要記住一點,導進字體包必是會拖慢系統(tǒng)的運行速度,應用的性能會下降,要做應用的內存管理是很有必要,其實這是的新的事情,你只需要所了解。
以下是一些能提高文本易讀性的一些方法建議:
盡很有可能的減少大量文字的出現(xiàn)。
將長句改為幾個短句,讓用戶可以不快速打開瀏覽器。
雖說尺寸是,算得3X圖,但字體的大小并非移動端規(guī)范的3X,完全是為在線觀看距離設計的,低些會大很多。
在電視上,在深顏色背景上的米色文字比在米色背景上的深顏色文字更很容易閱讀。
可以使用Android的標準字體尺寸。比如,標準的小字體字號為14sp,在1080p的屏幕上,這普通28點的字號。
為屏幕文本可以設置比印刷文本相當大的行間距。
十、個人建議您
接觸TV項目大概7個月,參照我這個階段的學習,和換算工作,我總結歸納和再歸納的這些基本知識和注意事項,這些大致能好處剛接觸TV項目的朋友飛速知道一點電視大屏的基本上界面設計方法和交互知識,盡量的避免一些不必要的坑。
但畢竟每個公司流程是一樣的,各自制定的規(guī)范也有了完全不同,更多的是是從多實戰(zhàn),多接觸,去對比和歸納,在依據(jù)什么自己的產品定位,去設計出最最合適的方案。
之后說一句,TV端設計是因為針對用戶群都是偏超大齡,大部分情況并沒有什么像APP這樣越發(fā)高上大,潮流,好看的界面可未必是適合的,不過適合的界面,當然是最好的設計。