『壹』 手機UI設計,用手機也能進行UI設計
手機UI設計的概念是手機軟體的人機交互、操作邏輯、界面美觀的整體設計,而不是字面的在手機上進行UI設計,手機也運行不了設計的軟體。手機UI設計是置身於手機操作系統中人機交互的窗口,設計界面必須基於手機的物理特性和軟體的應用特性進行合理的設計,界面設計師首先應對手機的系統性能有所了解。
手機UI設計的基本簡介
隨著手機移動設備不斷普及,對手機設備的軟體需求越來越多,手機移動操作系統廠商正在不約而同地建立手機設備應用程序市場,如Apple的App Store、Google的Android Market、Microsoft的Windows Phone 7 Marketplace,給手機的終端用戶帶來巨量的應用軟體。這些軟體良莠不齊,界面各異,手機的終端用戶在眾多的應用使用中,最終會選擇界面視覺效果良好,且具有良好體驗的應用留在自己的手機上長期使用。手機UI設計一直被業界稱為產品的「臉面」,好的UI設計不僅是讓軟體變得有個性有品味,還要讓軟體的操作變得舒適、簡單、自由,充分體現軟體的定位和特點。
手機UI設計和PC端UI設計的區別
手機UI設計和PC端UI設計的從字面意思就能區分,一個是給適應手機屏幕大小的軟體界面設計,一個是電腦端的UI設計。細分的話可以分為三個方面:
1.屏幕尺寸不同,電腦顯示器的屏幕尺寸一般為,19-24英寸,手機屏幕尺寸一般為,4-6英寸。尺寸不同的背後就是,2種設計的設計顯示區域也不同。所以電腦上的UI設計,首頁要多放一些內容,盡量減少層級的表現。而手機上的UI設計,因為屏幕顯示尺寸有限,所以不能放那麼多內容,可以多加層級。
2.設計規范不同,電腦的UI操作一般是用滑鼠,手機的則是用手指,滑鼠精確度非常的高,手的精確度相對較低,所以電腦上的圖標一般會小一些,手機上的會大一些。微信的電腦版的圖標,明顯比手機上的要小一些。
3.UI交互操作習慣不同電腦可以實現,單擊,雙擊,按住,移入,移出,右擊,滾輪等操作。手機只能實現,點擊,按住,和滑動等操作。所以電腦上可以展現的UI交互操作習慣可以更多,功能也就更強。手機上的話弱化了很多。
手機UI設計也屬於UI設計的范疇,但他可以單獨分類出來,手機已經成為我們日常生活中的必需品,佔用我們時間的比例也越來越重,跟手機相關的軟體開發,UI設計也將日益壯大,手機UI設計不失為一個擇業的好方向,相信將來也一定會成為一份高薪理想的工作崗位。有想要從事手機UI設計的,歡迎加我微信,大家一起探討一下。
1\界面空間不同手機UI和網頁UI最大的區別是空間的不同,手機就是那麼大的一個地方,我們只能通過上下滑動來獲取更多的信息,而相比於網頁來講,網頁的空間就非常大了,你可以移動你的滑鼠去你任何你想去的位置,而手機則不同,手機的空間就在一個狹小的范圍內,這個時候如果我們想設計一個按鈕的話,他一定要非常明顯易見,不能讓瀏覽者到處尋找,而這個按鈕的位置通常在底部較合適,這樣更適於人們用拇指來點擊或者移動。 2\ 操作習慣不同 在網頁中,我們可以利用滑鼠點擊、雙擊、右擊等等各種操作,而在手機上我們只有點擊一種或者是長按和滑動,很明顯,我們需要按照瀏覽者在不同媒介的習慣來定位我們不同的UI設計,來更好的引導瀏覽者瀏覽網頁、滿足瀏覽者的需求。 3\精確度的不同 我們都知道在網頁上滑鼠的精確度是非常高的,即使再小的東西也能夠通過點擊或者滑鼠拖拽來實現,而且精確率非常的高,但是在手機上就不同了,我們通常需要設計一個精緻的按鈕,點擊的范圍最好大一些,這樣我們更能夠保證按鈕的精確度,因為我們不能保證很多人的手指較粗哦。同理我們還要把按鈕放置的醒目一些,不能和背景融為一體,畢竟手機UI和網頁UI是有很大不同的。 最好還要提醒的是,在手機UI設計中,地圖往往有很大的作用,因為我們不可能在很狹小的范圍內放置很多的內容,我們必須做好框架和結構,通過地圖引導瀏覽者瀏覽欣賞。 學習的話,更需要刻苦專研的精神,多看書,多交流,多實踐!然後堅持就是成功!你懂得!
『叄』 wordpress電腦端和手機端能分開做嗎
可以分開來做,使用主題自動切換插件,一個網站兩個主題