軟體介面設計淺談

來源:互聯網
上載者:User

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

一、介面效果的整體性、一致性

手機軟體運行於手機作業系統的軟體環境,介面的設計應該是基於這個應用平台的整體風格,這樣有利於產品外觀的整合。

1、介面的色彩及風格與系統介面統一

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

2、操作流程的系統化

手機使用者的操作習慣是基於系統的,我們的介面設計在操作流程的安排上,也得遵循系統的規範性,讓使用者達到可以使用手機就會使用我們的軟體,簡化使用者操作流程!

二、介面效果的個人化

是不是我們追求整體性和一致性,就忽略軟體介面的個人化呢?整體性和一致性是基於手機系統視覺效果的和諧統一而考慮,個人化是基於軟體本身的特徵和用途而考慮。因此這一點也是不容忽視的!

1、特有的介面構架

軟體的實用性是軟體應用的根本,我們設計應該結合軟體的應用範疇,合理的安排版式,以求達到美觀適用的目的,這一點不一定能與系統達到一致的標準,它應該具有它所具有的行業標準,例如:證券交易、地圖操作等介面特徵,需要分析軟體應用的特徵和流程制定相對規範性的介面構架。介面構架的功能操作區、內容顯示區、導航控制區都應該統一規範,不同功能模組的相同操作地區的元素風格應該一致,讓使用者能夠對不同的模組的操作迅速掌握。從而也使整個介面統一在一個特有的整體之中。

2、專用的介面表徵圖

軟體的表徵圖按鈕是基於自身應用的命令集,它的每一個圖形內容映射的是一個目標動作,因此作為體現目標動作的表徵圖,它應該有強烈的表意性,製作過程中選擇具有典型行業特徵的圖符,有助於使用者的識別,方便操作。表徵圖的圖形製作不能太繁瑣,要適應手機本身顯示面積很小的螢幕,在製作上盡量使用像素圖,確保圖形品質清晰,如果針對立體化的介面,可考慮部分像素羽化的效果,以增強表徵圖的層次感。

3、介面色彩的個人化

色彩影響一個人的情緒,不同的色彩會讓人產生不同的心理效應,反之不同的心理狀態所能接受的色彩也是不同的,不斷變化的事物才能引起人的注意,介面設計的色彩個人化,目的就是用色彩的變換來協調使用者的心理,讓使用者對軟體產品時常保持一種新鮮度,它是通過使用者根據自己的需要來改變預設的系統設定,選擇一種自己滿意的個人化,達到軟體產品與使用者之間的協調性。在眾多的軟體產品中都涉及到了介面的換膚技術,在手機的軟體介面設計過程中,應用這一個性設定可以更大的提升軟體的魅力,滿足使用者的多方面需要!在具體操作實現的過程中,色彩的搭配顯得尤為重要,要考慮表徵圖色彩與換膚色彩的色彩反差和效果的統一,以不至於造成花、亂的介面效果。

三、介面視覺元素的規範

1、圖形映像元素的品質

盡量使用較少的色深表現色彩豐富的圖形映像,既確保資料量小又確保圖形映像的效果完好,使圖形映像在軟體系統中所佔資料量盡量減小,提高程式的工作效率。

2、線條色塊與圖形映像的結合

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

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.