app布局設計
① 如何設計app界面可以適合所有手機屏幕
通過設備dpi的聲明,和設計上dp的標注,來判斷某個元素應該渲染成多大(像素px)的面積,來適配不同屏幕大小和像素密度。
密度
本來就是一個物理面積和像素數的關系,所以這個密度值,可以為不同尺寸不同解析度的設備提供一個界面布局的參考。
前提是設備聲明的dpi是接近自身的硬體ppi的。
明顯的例子就是魅族,比如MX3,屏幕物理ppi應該是接近400,所以他們聲明dpi也是400(非安卓標準的480)
這樣的結果就是MX3上同樣的界面(比如Play store),和物理尺寸解析度都非常接近的其他手機相比(聲明dpi480的那些),看起來更小,可以展示更多的內容,充分利用了屏幕,並且在用戶使用中會感覺更精緻。
② 如何進行app按鈕設計與排版
第一個案例:社交類APP當中的按鈕設計。
③ 什麼樣的 App 界面的視覺設計才算是優秀的
秀的APP界面視覺設計首先是能夠非常明確的傳達這個APP的主旨的,說白了就是這個APP是用來干什麼的。產品必須是一個優雅的整體,產品的設計必須是由內而外的統一、協調,像萬萬沒想到里的孔女神一般只存在於電影或者游戲當中。所以,色彩、圖案、形態、布局等的選擇必須與APP的功能、情感相呼應,務必做到一脈相承,零時間傳達APP的概念。
其次優秀的APP界面視覺設計是有特點的、吸引人的,特別是在第一眼的時候。當然這必須先滿足上面那一點,而不是單純的為了搏眼球、搏出位。整個設計過程會是一場微妙的博弈與平衡,以達到一種魅力的素雅的耐看的境界。
而優秀的視覺設計師是能夠體諒用戶的。每做一個決定的時候,都是從用戶的角度出發,而不是總是陷入無限的自我的陶醉或者情懷當中。
其次優秀的視覺設計師是熟悉精通多種風格的。用戶是多樣的,需求是多種的,流行是會隨著時間變化的,APP的視覺有什麼理由不做出必要的改變呢
最後優秀的視覺設計師是有自己的理念的。這種理念不會是狹隘的扁平化或者擬物化,這些只是表象的手段。這種理念應當是基於它是如何有益於用戶的,又或者給用戶帶來什麼樣的好處,獲得了什麼樣的啟發,或許是生理上的,或許是情感上的。
④ 如何開始設計app界面
1、 開發的App軟體主旨要明確
優秀的App軟體的界面設計必須得明確得傳達這個App應用的主旨,讓用戶內看到這個App產品就容知道是用來干什麼的。App界面設計必須是一個優雅的整體,從內到外都必須做到統一、協調,快速傳達App應用的功能。
2、 開發的App軟體要有特點
優秀的App界面設計必須具有自己的特點,而且這個特點還能夠吸引到用戶。因為,用戶在沒使用App應用時,第一眼看到的是你這個App軟體的界面,所以界面設計的好壞直接決定了App軟體的存亡。
3、 開發的App軟體界面風格多樣且不重復
優秀的App視覺設計還得是風格多樣的,這樣才能滿足不同用戶的需求。用戶不同,需求也是不同,而且還會隨著時間的變化而有所改變。
4、 開發的App軟體應從用戶角度出發
App軟體的界面設計要多從用戶的角度去考慮,多想想用戶要的是什麼,聽聽用戶的聲音。
⑤ 如何做app界面設計
這類的解決方案是設計的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界面
1明確傳達主旨
優秀的APP界面視覺設計首先是能夠非常明確的傳達這個APP的主旨的,說白了就是這個APP是用來干什麼的。產品必須是一個優雅的整體,產品的設計必須是由內而外的統一、協調,像萬萬沒想到里的孔女神一般只存在於電影或者游戲當中。所以,色彩、圖案、形態、布局等的選擇必須與APP的功能、情感相呼應,務必做到一脈相承,零時間傳達APP的概念。
2有特點、吸引人
優秀的APP界面視覺設計是有特點的、吸引人的,特別是在第一眼的時候。當然這必須先滿足上面那一點,而不是單純的為了搏眼球、搏出位。整個設計過程會是一場微妙的博弈與平衡,以達到一種魅力的素雅的耐看的境界。
3體諒用戶
優秀的視覺設計師是能夠體諒用戶的。每做一個決定的時候,都是從用戶的角度出發,而不是總是陷入無限的自我的陶醉或者情懷當中。
4精通多種風格
優秀的視覺設計師是熟悉精通多種風格的。用戶是多樣的,需求是多種的,流行是會隨著時間變化的,APP的視覺有什麼理由不做出必要的改變呢?
5個人理念
優秀的視覺設計師是有自己的理念的。這種理念不會是狹隘的扁平化或者擬物化,這些只是表象的手段。這種理念應當是基於它是如何有益於用戶的,又或者給用戶帶來什麼樣的好處,獲得了什麼樣的啟發,或許是生理上的,或許是情感上的。
⑦ 什麼是APP界面設計布局樣式
裡面東西的模塊
⑧ app設計中,常用的界面布局方式有哪些
豎排列表。視覺上整齊美觀,常用於並列元素的展示,包括目錄、分類、內容等。
橫排方塊。把並列元素橫向顯示的一種布局。常見的工具欄,TAB,Coverflow 等都採用這種布局。
九宮格。TAB、多面板、彈出框。
手風琴。用戶點擊分類可展開顯示二級內容,在不用的時候,內容是隱藏的。可承載比較多的信息,同時保持界面簡潔。
抽屜/側邊欄。抽屜也是將內容先藏起來,在需要時再展開。
標簽。在搜索界面和分類界面時,會採用標簽的方式來展現。標簽方式比較動感的,增加了應用的趣味性,但使用場景有限。