當前位置:首頁 » 軟體設計 » appui設計規范

appui設計規范

發布時間: 2020-11-25 07:35:44

Ⅰ 怎樣規范設計移動端APP的UI

想要成為一個合格的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全部的特性,你需要學會記錄界面不同的狀態、轉變過程、轉場動畫等信息,並且學會記錄界面對於不同狀況的反饋。

Ⅱ APP設計中,UI需要注意的幾個問題

UI的話交互是重點
1,首先是確定UI的交互有哪些功能,層次是否鮮明合理。我認為按鈕的設置應該有邏輯性,每層有遞進關系。不能讓使用者覺得什麼也找不到。
2,考慮你的界面要應用在那些媒介里,比如如果用在手機觸屏和大型觸屏機器的話要考慮手指的作用范圍,觸屏的精度。
3,色調和結構的設計是否美觀。
4, 可擴展性,比如一個網站,以後可能會添加新的內容,如果添加過量的顯示問題。
5,流暢性,在保證美觀的同時盡量保證不會很卡,讓人能輕松的載入瀏覽。

Ⅲ 要做一個app的ui設計,具體該做什麼,怎麼做

  • 思維分析

  1. 原型之類的資料明確定位,頁面數量,估計一下內工時之類的。(如果中間有UE在會容省好多事)

  2. 收集素材,就是常用的素材網站。

  3. 工具PS,sketch都可以,建議用sketch,手機下一個mirror,電腦一邊做,手機實時展做空仿示。

  • 該界面虧盯要求用戶完成的最重要的任務這些設計者都需要清純纖楚明白。

Ⅳ 按app界面設計規范設計的頁面做成手機網頁瀏覽尺寸太大

那隻能做自適應寬度的頁面了

Ⅳ 小白一枚,想問一下如果做手機app的UI設計ios的尺寸規范是多少啊解析度都多少啊!求解

屏幕解析度一般是3個尺寸iPhone4:640*960pt iphone5:640*1136pt ipad:768*1024pt
icon一般要以下幾個規格:
Icon.png – 57×57 iPhone應用圖標
[email protected] – 114×114 iPhone Retina顯示屏應用圖標
Icon-72.png – 72×72 iPad應用圖標
[email protected] - 144×144 iPad Retina顯示屏應用圖標
Icon-Small.png – 29×29 iPhone 系統設置和搜索結果圖標
[email protected] – 58×58 iPhone Retina顯示屏 系統設置和搜索結果圖標
Icon-Small-50.png – 50×50 iPad 系統設置和搜索結果圖標
[email protected] – 100×100 iPad Retina顯示屏 系統設置和搜索結果圖標

希望可以幫到你

Ⅵ APP界面設計規范編寫指南

有關於《APP界面設計規范編寫指南》我的站酷看到過,我發你鏈接看一看吧!

http://www.zcool.com.cn/work/ZMjM2NTQ5NzI=.html

Ⅶ 設計一款 iPhone 的 App 視覺上有什麼規范嗎如題 謝謝了

您好:

手機APP界面設計的重點無非就是兩個:一個是界面視覺設計,一個是考慮界面設計的用戶體驗。其詳細的內容分析如下:

一、手機APP界面視覺設計

手機APP界面視覺設計重點在於一些細節性的問題上,主要表現在:

1、視覺設計:一款手機app應用或系統首先是通過界面將整體性格傳遞給用戶,體現了界面上風格營造的氛圍,屬於產品的一種性格。視覺設計的姿態決定了用戶對產品的觀點、興趣,乃至後面的使用情況。app界面的視覺設計製作可以幫助產品的感性部分找到更多的共性,或者規避一些用戶的可能抵觸點。

2、屏幕大小:手機屏幕大小有限,但應用產品功能太強大,十多個頁面都裝不下,於是我們總會面對一級又一級的次級界面,並迷失在其中。

3、邏輯設計:實際上,我們對一個產品的要求往往很純粹,大多數的操作也就集中在那2,3個頁面中,雖然次級界面有助於我們把握邏輯關系,但過多的頁面「轉場」更讓我們感到焦慮。

二、手機APP界面設計的用戶體驗

用戶界面設計應用非常廣泛,比如網站設計、計算機設計、應用設計等等。如同其名,在用戶設計中,用戶是最大的也是最重要的體驗者。因此,酷蜂科技指出,在做設計時我們需要牢記遵循用戶體驗以及互動性原則。手機APP界面設計的要旨在讓用戶簡單交互且高效,具體從以下幾個方面考慮:

在設計時應該先理清一件事兒,能否用一句話概括一下這個產品是為了幫助用戶達成什麼目的?搞清楚這個,才能弄明白用戶是帶著什麼需求來到這個界面上的,一個個功能點是如何為用戶服務的。

接下來要做的就是調查一下用戶以往是怎麼滿足這些需求的,那些功能和信息更重要,更常用到。總之,有了對真實用戶的了解,就能知道這個APP到底要幫用戶達成什麼目標,一句話,講明白它,然後就好辦。

其實,設計良好的用戶界面並不容易,它要求具備偉大的設計技能、良好的設計領域知識以及了解用戶需求。從項目初期到最終呈現出的項目,用戶界面設計需要遵循各種各樣的過程。總之,以用戶為中心的設計才是最好的界面設計。如果用戶界面設計能夠做到再不受任何干擾的情況下完成任務,才可被稱之為良好的用戶界面。

只要了解了手機APP的用戶需求和核心,然後根據其要求從細節開始設計,這樣想要設計出用戶認可的手機APP界面就容易多了。

Ⅷ 關於UI設計app界面時的幾個問題 1.使用的字體都是用什麼有統一規范嗎

  1. iOS系統中用的是蘋方字體系列Android的液族默認字體是Roboto和Noto系列 注意字做族號不能低於20px

    關於字體推薦你看這個http://www.uigreat.com/article/188

  2. 750*1334就是二倍圖尺寸 ios和安卓可以通用

  3. logo一般存成AI格式 尺寸的話和開發溝通 當然是存為背景透明鬧胡弊的png

ps 我也是一個人 好苦逼

Ⅸ app界面設計要注意哪些方面

第一點:了解你的目標客戶群的心態
1、做微任務的目標客戶群(如隨時隨地看看新聞,聽聽歌,看看電影,聊聊八卦之類):
這類的解決方案是設計的app最好是小而准,不要大而全。越全的功能應用,只能代表著這個應用在各方面的都很平庸
2、喜歡當工具來使用的目標客戶群:比如找地圖,看天氣,查數據等。
這類的解決方案是 我們盡最大努力的去滿足用戶的情景需求。做到極致和簡單。
3、無聊的客戶群,用來打發消磨時間的:無需求,漫無目的的
這類的解決方案是盡可能展示用戶感興趣的東西,幫助客戶來打發消磨時光。

第二點:APP原型圖的製作和設計討論
這個環節是必不可少的。需要根據設計需求認認真真的來畫畫原型圖。
常用的APP原型圖工具:移動APP原型設計神器 POP 、axure、Foreui等

第三點:APP視覺設計與設計要點
(1)大概設計板塊有APP啟動頁面設計,APP界面設計的尺寸規范,app圖標設計等
一般來說,手機屏幕是從上往下布局的,重要的信息會放在上方。但是在操作上,大部分人都是單手拿手機,常用的操作,要放在界面的下方。
另外還有一個原則,最小的觸摸單位,一般是44個像素。如果再小,你的拇指難以觸碰,或者容易引發誤操作。同時,也不要讓界面太擁擠。
所以,設計師必須用減法設計,這個過程需要花時間思考、簡化元素。
你必須記住:(1)隱藏設計或者減法設計 (2)分區或分類 (3)幫用戶做決策 (4)提高交互創新設計 (5)讓人有爽快感和新奇感 (6)在設計中浸入情感,把握用戶的心理。(談談如何進行產品設計以及產品情感化設計)
一位大師這樣說過「真正的簡約設計是:作品必須不斷的被簡化,一改再改,直到設計最終成形。」
2014年 APP設計風格趨向扁平化和卡片化。卡片,扁平化都會是移動app設計的趨勢!認為卡片設計確實同時兼具了「擬物」和「極簡」2種優勢!

第四點:APP界面設計流程

(1). 設計APP界面時,學會從優秀APP界面設計作品中尋求靈感,以前的藝術大師,用少量的資源做了大量的設計。
(2). 放下工作,休息一下很有幫助。扁平和簡約設計的一切均關乎到細節的差異。因此小憩片刻後再回到工作,帶著全新的眼光工作,比長時間冥思苦想更有
效。
(3). 並排比較各個版式同樣有幫助。哪怕花20分鍾前將一個線條下移各5個像素分別保存,對比兩個版式就能很快分清孰好孰壞。
(4). 由於實物展示的相對比例至關重要,所以要及早在不同的目標設備上測試。
(5). 整個設計過程中不斷問自己「真的需要嗎?」 。支撐項目時候,找一些討巧的辦法,例如,添加一些有趣的元素、樣式會這樣會很容易也會很吸引人,
但必須始終注意剔除不必要的元素,不斷精簡。甩掉你費盡心血的部分總是難以割捨,但修改過程必須挑剔。

第五點:APP界面設計測試與預覽修正
設計完成之後,我們可以把設計圖導入手機測試或者是校正。之前發布的在線測試工具:快速在移動終端上預覽APP界面設計效果圖的方法最後:好的APP界面設計作品必然是要經過不斷升級、重復迭代的。

Ⅹ 淺談APP應用UI設計當中的幾個基礎要素

APP應用的UI設計要有邏輯性

對於APP應用的UI設計師來說,首先需要在工作開始前理清邏輯思維,對於相關的UI設計流程要清晰。如果設計師沒有理清其使用流程就開始設計,則很容易讓整個APP應用的結構變得復雜,也會讓程序開發流程變得混亂,最後導致用戶在使用APP應用的過程中容易迷失方向,而最終的結果就是會讓用戶將這APP應用卸載掉。因此,設計師要在開始界面設計之前,先理清APP應用的頁面結構和使用流程,這樣才能夠設計出令用戶友好的頁面元素。

APP應用UI設計中的多平台性

當下移動端主流的操作系統分為為IOS和安卓平台,這兩個平台都擁有各自的特點和不同之處,且APP應用所面臨的用戶都分散在這些操作系統當中。所以為了能夠兼顧到所有用戶,一款APP應用的UI設計就要能夠同時兼容這兩個平台,這就需要APP應用設計師認真掌握好每個操作系統的界面交互方式,並且設計出可以適應各個平台的界面和視覺元素,不要讓用戶在不同的操作系統上感覺APP應用界面的操作和響應非常的不自然。

APP應用UI設計中的過渡效果

目前有很多的APP應用在用戶首次進入其界面的時候,會給用戶一個動畫來進行過渡。這是一個對用戶非常友好的設計,同時也是一個效果不錯的設計,不過在設計APP應用界面的時候,採用這些過渡動畫就需要APP應用設計師控制好載入時間,也就是說APP應用界面動畫時間要盡可能的短,因為一個對用戶有價值的APP應用,主要是體現在APP應用的內容當中,而不是APP應用UI設計的效果上面,效果只是為了吸引用戶,是為了輔助用戶瀏覽內容的。

關於以上幾點就是在開發APP應用的過程中,所需要注意的幾個基礎要素,這也是許多APP應用最容易出現問題的地方,所以建議大家能夠認真對待這個問題。畢竟一款APP應用,最初能否打動用戶,能否吸引用戶去使用APP應用,主要就是取決於這個APP應用的UI設計效果是否能令用戶滿意,只有用戶認為滿意的APP應用,那麼他才會願意去使用,才會去瀏覽和閱讀APP應用裡面的內容。

熱點內容
美發店認證 發布:2021-03-16 21:43:38 瀏覽:443
物業糾紛原因 發布:2021-03-16 21:42:46 瀏覽:474
全國著名不孕不育醫院 發布:2021-03-16 21:42:24 瀏覽:679
知名明星確診 發布:2021-03-16 21:42:04 瀏覽:14
ipad大專有用嗎 發布:2021-03-16 21:40:58 瀏覽:670
公務員協議班值得嗎 發布:2021-03-16 21:40:00 瀏覽:21
知名書店品牌 發布:2021-03-16 21:39:09 瀏覽:949
q雷授權碼在哪裡買 發布:2021-03-16 21:38:44 瀏覽:852
圖書天貓轉讓 發布:2021-03-16 21:38:26 瀏覽:707
寶寶水杯品牌 發布:2021-03-16 21:35:56 瀏覽:837