ui4app
1. 手機app ui設計 注意什麼
千夏軟體(www.qianxx.com)認為移動APP客戶端的適配要以一個平台為起始,但是要著眼於多個平台。
1) 根據公司的戰略,選擇一個最先切入的平台;
2) 了解該平台的UI 設計規范,可用的UI 控制項及交互原則;
3) 確定切入的屏幕大小,以此來設計第一個客戶端,但是要考慮適配其他屏幕的可能性,是自適應來擴展或者縮小;
4) 根據平台及屏幕大小,來選擇一款最典型的手機,開始客戶端的交互設計。
5) 確定客戶端的核心目的。如為娛樂為主的,應在設計方式更娛樂性;功能性完成目的為主的,以更易用性為主;
6) 根據客戶端的功能和內容,來設計客戶端的信息架構;
7) 根據UCD的原則,來完成客戶端的交互原型;
最後,我們在交互原型的過程中,需要考慮手機適配的三因素(平台、屏幕、觸摸/非觸摸),以便將來的界面適配做的很完美!
2. UI設計都需要學會什麼軟體誰有免費資源
一、Photoshop
Photoshop是圖像編輯和設計軟體,相信大家再熟悉不過了。現在不光是設計行業,一些非設計類崗位在招聘人員的時候也更加傾向於會使用Photoshop的人,因為現在很多行業都會用到PS來簡單改圖,新媒體行業更是如此。那麼UI設計行業的從業者當然就得更加精於Photoshop,才能夠做出更好的設計、拿到更高的薪資。Photoshop是設計的基礎,不管是UI設計還是平面設計、網頁設計、電商設計,都需要熟練運用Photoshop,Photoshop也可以說是設計行業的門檻,掌握了它,才能夠邁入UI設計行業。
二、Illustrator
Illustrator是矢量圖形和插圖軟體。它主要用來做頁數多的宣傳品,也可以完成一些簡單的圖像編輯。復雜的圖層設計會先用Photoshop完成,再導入Illustrator進行排列。它是高階UI設計師需要的技能,也是在UI設計中比較常用到的軟體。
三、Indesign
Indesign主要用於圖書和講義的排版,也是UI設計師經常用到的,雖然它不能做太多樣式的設計、但是排版還是比較有效率的。
四、XD
XD主要用於用戶體驗設計和原型創建,更多的用於UI交互設計。一些網站設計以及app軟體的設計大多數會用到它。不過它對系統的級別和配置要求比較高。
五、CAD
CAD是一個草圖繪畫軟體,用於室內設計、工業設計等三維設計,在設計師當中也算是常用軟體之一。有這項技能的UI設計師的工資往往會比沒有這項技能的高出很多。
六、各類手繪軟體
雖然一些設計軟體也可以進行手繪,但是畢竟不是專業的手繪軟體,畫筆的種類較少,有時候不能很好的表達設計師的思想,所以設計師們在手繪時更傾向於用專業的手繪軟體。具體用哪款軟體就見仁見智了,設計師會根據手感和習慣,來選擇手繪軟體。
3. ui設計 web方向和APP方向
從待遇及找工作的角度來說,app更好一些,現在是移動互聯網的時代;而且你會了app ui後,web ui也會,反之則不太行。
4. APP設計中,UI需要注意的幾個問題
UI的話交互是重點
1,首先是確定UI的交互有哪些功能,層次是否鮮明合理。我認為按鈕的設置應該有邏輯性,每層有遞進關系。不能讓使用者覺得什麼也找不到。
2,考慮你的界面要應用在那些媒介里,比如如果用在手機觸屏和大型觸屏機器的話要考慮手指的作用范圍,觸屏的精度。
3,色調和結構的設計是否美觀。
4, 可擴展性,比如一個網站,以後可能會添加新的內容,如果添加過量的顯示問題。
5,流暢性,在保證美觀的同時盡量保證不會很卡,讓人能輕松的載入瀏覽。
5. app和ui設計的主要內容
移動APP客戶端的適配要以一個平台為起始,但是要著眼於多個平台。
1) 根據公司的戰略,選擇一個最先切入的平台;
2) 了解該平台的UI 設計規范,可用的UI 控制項及交互原則;
3) 確定切入的屏幕大小,以此來設計第一個客戶端,但是要考慮適配其他屏幕的可能性,是自適應來擴展或者縮小;
4) 根據平台及屏幕大小,來選擇一款最典型的手機,開始客戶端的交互設計。
5) 確定客戶端的核心目的。如為娛樂為主的,應在設計方式更娛樂性;功能性完成目的為主的,以更易用性為主;
6) 根據客戶端的功能和內容,來設計客戶端的信息架構;
7) 根據UCD的原則,來完成客戶端的交互原型;
最後,我們在交互原型的過程中,需要考慮手機適配的三因素(平台、屏幕、觸摸/非觸摸),以便將來的界面適配做的很完美!看完之後,希望對app設計師們有所幫助。
6. UI設計移動端App設計用什麼軟體,切圖用什麼軟體
UI切圖可以用摹客的插件,支持Sketch、PS和XD,在官網下載安裝好對應的插件以後,在軟體里標記好切圖,點擊上傳,就可以在摹客快速下載了。而且基礎功能都是免費的。支持:
1.自由選擇iOS、Android、Web所需的所有倍率。
2.可以一鍵下載全部切圖,也支持切圖壓縮,將下載的切圖體積瘦身50%以上。
3.支持將切圖一鍵換算不同平台尺寸,還可以自由設置任意切圖尺寸。
4. 自動生成CSS代碼,開發人員可以一鍵復制使用。
7. UI4.8寸的安卓720*1280px的app圖標尺寸是多少 急.求哪位說說.萬分感激!
Android 5.0以前,原生的Android,720*1280(即xhdpi)下是96px。
Android5.0以前的icon尺寸列表:48px(針對mdpi)、72px(針對hdpi)、96px(針對xhdpi)、144px(針對xxhdpi)、114px(針對平板)、512px(google play上傳需要)
5.0以後,原生的Android,720*1280下用的是144px。
另外,各種定製系統,在使用圖標上也不同。舉個栗子,小米是Android 4.x為基礎的定製系統,在720顯示的圖標尺寸為128px,估計是調用了比96px大一級的圖(144px)然後縮放顯示。
8. mac平台最主流的ui設計軟體是哪個軟體
Sketch for mac是一個創新的矢量繪圖軟體,擁有簡約的設計,調色板,面板,菜單,窗口和控制項和功能強大的矢量繪圖和文字工具,包含完美的布爾運算,符號,和強大的標尺,參考線和網格;非常適合網頁設計和移動設計者使用。
新版Sketch 新增功能
1. 提升文檔滾動時的流暢度
這個感受不到,如果大家遇到 Sketch 卡頓,建議重新打開即可。之前遇到的舊版本使用 1-2 個小時後就開始卡頓,不過最近的幾個新版本沒有再遇到過。
2. Sketch Cloud文件優化
如果使用了 Sketch Cloud 文件,那麼下載的時候會在縮略圖上展示進度條。但這個 Cloud 服務是需要付費的,國內很少用,所以本次 61 對此進行的更新對我們設計師也影響不大。
3. 調整大小的顯示控制項在普通屏幕上優化顯示
由於大部分設計師的 Mac 都是視網膜屏幕,所以這個基本也沒有什麼影響。還是那句話,既然作為 UI 設計師,那麼請對自己的硬體要求稍微好一點。
4. 對齊像素功能優化
對於任何包含小數點的未對齊像素元素,都可以使用像素對齊功能。
實際工作中很多設計師的 Sketch 文件都會出現小數點,尤其是在間距、寬高這樣的基本框架結構中,會嚴重影響我們的標注數值。
Sketch for mac61