想要成為壹名合格的APP開發UI設計師,就要跟隨移動時代的腳步,了解每個UI設計師必須掌握的基本功。
第壹:了解平臺。
就像網頁設計師需要了解HTML/CSS壹樣,作為壹個移動UI設計師,妳應該了解移動APP的架構。首先,移動終端設計的語言不同於網頁設計的語言。不同的平臺有不同的編程語言和接口,移動終端界面的組成不是CSS和標簽可以實現的。
妳需要深入閱讀官方開發文檔,多了解APP的文檔知識,了解APP的構成,編譯方法,發布方法,了解設計規則。這些東西不僅關系到妳的應用開發,還會影響到系統的穩定性、續航等因素。作為壹個移動UI設計師,妳只懂簡單的移動設計是不夠的。我們需要從長遠角度考慮。
第二:了解移動端的技術構成。
對於壹個UI設計師來說,僅僅了解平臺的基本特性是不夠的。接下來,妳需要了解它的相關技術組件:位置服務(wifi、GPS等。)、藍牙(低功耗藍牙技術)、信號、前後攝像頭、麥克風、陀螺儀、位置傳感器、加速度傳感器、指紋掃描儀(iPhone 5s)、眼球追蹤技術、語音識別、人臉識別等等。每壹項新技術的背後,都是應用、交互設計、體驗甚至商業模式的更多可能性。
第三,發掘本地UI組件的開發潛力。
每壹個手機操作系統中總有大量的本地UI組件,並且有很大的自由度,方便妳自定義。妳需要準確的了解它們的特性(大小、尺寸、功能),妳可以為妳合作的開發者節省大量的工作時間。
第四:了解移動端的工作流程。
安裝SDK並運行,了解移動開發框架,如TubyMotion、Xamarin和Titanium。熟悉集成開發環境,因為它包含了移動開發所需的所有方面。
第五,了解移動終端的界面模式。
三個移動平臺之間有相似之處,但深入探究它們的交互設計,會發現它們在理念上的巨大差異。作為設計師,妳需要了解這些差異,以及它們是如何在實際案例中體現出來的。
不要只關註單壹平臺,三個平臺都需要深度體驗,每天至少玩壹次,至少玩半年。在這個過程中,體會差異,保留妳認為重要的、有代表性的、值得保留記錄的截屏。作為壹個單壹平臺的狂熱粉絲,妳不可能成為壹個移動UI設計師。
第六:記錄並解釋妳的UI設計。
考慮到截屏不足以展示UI的所有特性,妳需要學會記錄界面的不同狀態、過渡過程、過渡動畫等信息,學會記錄界面針對不同情況的反饋。
2.移動ui設計的規則是什麽?
原則壹:內容第壹。
界面布局應該以內容為導向,提供符合用戶期望的內容。
原則2:觸摸設計
界面設計的交互系統以自然手勢為基礎,符合人機工程學保存的壹致性。
原則三:轉換輸入方式。
利用各種手機的設備特點和設計方法,減少應用中的文字輸入。
原則4:流利
保持應用交互中手指和手勢的操作流程、用戶的註意力流程和界面反饋會話的流暢性。
原則5:多渠道設計
充分發揮設備的多通道特性,協同的多通道界面和交互,讓用戶更有真實感和沈浸感。
原則6:簡單易學
保持界面結構簡潔明了,導航設計清晰易懂,操作簡單可見,讓用戶通過界面的表意元素和界面提供的線索清楚地知道其操作方式。
原則7:為中斷而設計
考慮應用的使用場景,確保用戶可以恢復之前的操作,並在每個中斷的場景下保持用戶的勞動努力。
原則八:智慧有愛。
為用戶提供有趣、智能、高效、貼心的讓他驚喜的設計。
3.如何規範手機APP的UI設計?
如何規範手機APP用途/系統1的UI規範遵循各平臺統壹的界面規範,使最終設計的界面效果達到最理想的狀態。如何規範手機APP的UI 2提高工作效率,UI/UE/開發編碼人員之間更容易協同工作。減少因資源或設計問題導致的重復修改、重復勞動、效率低下的現象。3通過標準化的方式實現以用戶為中心的目標。把最好的結果和最好的體驗呈現給用戶。4目前使用最多的手機操作系統平臺是Android、IOS和Windows Phone。其他操作系統包括黑莓10、NokiaOS、Firefox、Sailfish OS和Tizen。UbuntuTouch如何規範手機APP 1 IOS的UI設計尺寸/屏幕支持:寬度640PX高度1136px。當然,適應模式是需要的,以滿足未來屏幕擴展的需要。
IOS系統從iPhone4開始進入Retina時代,資源大小比例從1X變成了2X。2安卓:寬度720px,高度1280px。也是設計成自適應模式,現在安卓系統的屏幕越來越多樣化了!Android系統采用自適應屏幕支持。由於屏幕尺寸各不相同,可以簡單分為四類:ldpi(240*320)、mdpi(320*480)、hdpi(480*800)、xhdpi(720*1280)。寬度為640px,高度為960px。詳細模塊(client /Web embedded) 1導航欄:顯示當前界面的名稱,包括對應的功能或頁面之間的跳轉按鈕。ios導航欄的ui圖標格式是60px加空格加7px,Android系統的可以是:64px*48px加空格加8px 2標簽欄:允許用戶在不同的子任務、視圖和模式之間切換。
Ios標簽欄:98px Android標簽欄:96px 3工具欄:將相關對象的操作按鈕放置在當前屏幕或視圖中。Ios系統標簽欄:88px Android系統標簽欄:96px 4為了讓用戶有更好更直觀的體驗,資源需要有各種狀態。
5列表:無論什麽形式的列表,單行列表的高度必須是用戶手指接觸的最佳值。ios系統高度88px Android系統高度96px 6字體:IOS:默認字體英文HelveticalNeue中文bold Android:默認字體Droidsans fallback是Google自己的字體。和微軟雅黑很像。字體編號7:下圖以IOS為例我的音樂:34 px我的音樂,淘歌,發現:30 px Muxx 34 px本地音樂,30 px泡沫,鄧紫棋24px 8桌面圖標:根據系統不可通行的桌面圖標設計,也需要設計成不可通行的大小。9細節模塊(Web embedded):細節最重要,只有好的內容和完美的細節才能吸引訪客的註意力!所以在制作過程中更需要註意!轉載。
4.手機UI設計有哪些規範?
這是創意設計學院的回答。
手機UI的規格分為Android和ios,所以內容更多。截幾張圖,iphone的,可以參考壹下。需要證件可以加Q群:527+963+152,找老師要證件。
希望能幫到妳。謝謝妳。