DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> WEB網站前端 >> 關於網頁技巧 >> 用戶界面設計的規范性:手機UI設計規范性
用戶界面設計的規范性:手機UI設計規范性
編輯:關於網頁技巧     

隨著科技的不斷發展,手機的功能俞之強大,基於手機系統的相關軟件應運而生,手機設計的人性化已不僅僅局限於手機硬件的外觀,手機的軟件系統已成為用戶直接操作和應用的主體,它應以美觀實用、操作便捷為用戶所青睐。用戶界面設計的規范性顯得尤為重要。

 一、界面效果的整體性、一致性 手機軟件運行於手機操作系統的軟件環境,界面的設計應該是基於這個應用平台的整體風格,這樣有利於產品外觀的整合。

1、界面的色彩及風格與系統界面統一 軟件界面的總體色彩應該接近和類似系統界面的總體色調,例如:系統色調以藍色為主,我們的軟件界面的默認色彩最好與之吻合,若使用與之大相徑庭的色彩,比如大紅、檸檬黃,色彩的強烈變化會影響用戶的使用情緒,假想你買了一款從外觀到系統界面都很滿意的手機,操作的時候突然發現內置的應用軟件和系統界面不統一,你會有何感想呢?第一感覺不好的東西我們的用戶還會去用它嗎?所以我們要知道手機的外觀和系統界面已經是由手機制造商根據用戶審美習慣定制的,它應該有他們的審美群體,我們要給這款手機做軟件就應該有效地利用制造商基於此款手機的審美特征,以贏得喜愛此款手機的用戶,使他們對系統界面的肯定和喜愛有效的轉移到我們的產品上來。當然合理地結合系統界面進行設計還包括圖標、按鈕的風格及在不同操作狀態下的視覺效果。

2、操作流程的系統化 手機用戶的操作習慣是基於系統的,我們的界面設計在操作流程的安排上,也得遵循系統的規范性,讓用戶達到可以使用手機就會使用我們的手機軟件,簡化用戶操作流程


    二、界面效果的個性化 是不是我們追求整體性和一致性,就忽略軟件界面的個性化呢?整體性和一致性是基於手機系統視覺效果的和諧統一而考慮,個性化是基於軟件本身的特征和用途而考慮。因此這一點也是不容忽視的! 1、特有的界面構架 軟件的實用性是軟件應用的根本,我們設計應該結合軟件的應用范疇,合理的安排版式,以求達到美觀適用的目的,這一點不一定能與系統達到一致的標准,它應該具有它所具有的行業標准,例如:證券交易、地圖操作等界面特征,需要分析軟件應用的特征和流程制定相對規范性的界面構架。界面構架的功能操作區、內容顯示區、導航控制區都應該統一規范,不同功能模塊的相同操作區域的元素風格應該一致,讓用戶能夠對不同的模塊的操作迅速掌握。從而也使整個界面統一在一個特有的整體之中。 2、專用的界面圖標 軟件的圖標按鈕是基於自身應用的命令集,它的每一個圖形內容映射的是一個目標動作,因此作為體現目標動作的圖標,它應該有強烈的表意性,制作過程中選擇具有典型行業特征的圖符,有助於用戶的識別,方便操作。圖標的圖形制作不能太繁瑣,要適應手機本身顯示面積很小的屏幕,在制作上盡量使用像素圖,確保圖形質量清晰,如果針對立體化的界面,可考慮部分像素羽化的效果,以增強圖標的層次感。 3、界面色彩的個性化設置 色彩影響一個人的情緒,不同的色彩會讓人產生不同的心理效應,反之不同的心理狀態所能接受的色彩也是不同的,不斷變化的事物才能引起人的注意,界面設計的色彩個性化,目的就是用色彩的變換來協調用戶的心理,讓用戶對軟件產品時常保持一種新鮮度,它是通過用戶根據自己的需要來改變默認的系統設置,選擇一種自己滿意的個性化設置,達到軟件產品與用戶之間的協調性。在眾多的軟件產品中都涉及到了界面的換膚技術,在手機的軟件界面設計過程中,應用這一個性設置可以更大的提升軟件的魅力,滿足用戶的多方面需要!在具體操作實現的過程中,色彩的搭配顯得尤為重要,要考慮圖標色彩與換膚色彩的色彩反差和效果的統一,以不至於造成花、亂的界面效果。


    三、界面視覺元素的規范。

1、圖形圖像元素的質量 盡量使用較少的色深表現色彩豐富的圖形圖像,既確保數據量小又確保圖形圖像的效果完好,使圖形圖像在軟件系統中所占數據量盡量減小,提高程序的工作效率。

 2、線條色塊與圖形圖像的結合 界面上的線條和色塊後期都會用程序來實現,這就需要考慮程序部分和圖像部分的結合,需要自然的結合才能協調界面效果的整體感,所以需要需要程序員與界面設計人員的密切溝通,達成一致。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved