手機(jī)IOS系統(tǒng)主題界面設(shè)計(jì)目錄TOC\o"1-3"\h\u9723引言 摘要隨著社會(huì)的發(fā)展和進(jìn)步，手機(jī)幾乎普及到了家家戶戶，與此同時(shí)人們對(duì)手機(jī)系統(tǒng)主題界面的設(shè)計(jì)要求也越來(lái)越高。目前來(lái)說(shuō)蘋果手機(jī)的IOS系統(tǒng)主題界面是最受歡迎的界面設(shè)計(jì)。IOS系統(tǒng)主題界面具有簡(jiǎn)約性、并且隨著其的不斷更新，界面的設(shè)計(jì)也越來(lái)越人性化，越來(lái)越大氣。為了滿足當(dāng)前人們對(duì)手機(jī)界面的需求，設(shè)計(jì)師們創(chuàng)造出更好的人機(jī)交互界面顯得尤為重要，同時(shí)讓用戶能夠達(dá)到心理上的享受和滿足也是設(shè)計(jì)師必須考慮的。本文基于手機(jī)IOS系統(tǒng)手機(jī)界面以及用戶的體驗(yàn)，通過(guò)結(jié)合扁平化設(shè)計(jì)風(fēng)格以及視覺(jué)體驗(yàn)效果對(duì)其進(jìn)行了分析，并且討論了IOS系統(tǒng)主題界面的優(yōu)點(diǎn)以及可以被采納的地方，希望本文可以對(duì)我國(guó)手機(jī)對(duì)界面的設(shè)計(jì)有所幫助。關(guān)鍵詞：IOS系統(tǒng)主題界面設(shè)計(jì)設(shè)計(jì)手機(jī)引言手機(jī)在不斷普及的同時(shí)，對(duì)于手機(jī)的設(shè)計(jì)也迎來(lái)了最熱時(shí)期，不僅是手機(jī)的外觀，還包括手機(jī)界面的美觀性，手機(jī)界面設(shè)計(jì)變成熱門研究課題。但是由于手機(jī)近幾年的發(fā)展過(guò)于迅猛，我國(guó)的用戶界面設(shè)計(jì)已經(jīng)遠(yuǎn)遠(yuǎn)不能滿足人們的需求，需求與供應(yīng)之間表現(xiàn)了嚴(yán)重的分歧，所以越來(lái)越多的企業(yè)開始重點(diǎn)關(guān)注對(duì)于手機(jī)界面的設(shè)計(jì)，并希望以此來(lái)提高手機(jī)的競(jìng)爭(zhēng)力。作為觸屏交互型手機(jī)的創(chuàng)始公司--蘋果公司，它的IOS系統(tǒng)主題界面設(shè)計(jì)得到用戶的方法認(rèn)可，不僅有美觀性，還具有實(shí)用性，擁有很多人性化的設(shè)計(jì)，研究其設(shè)計(jì)方法可以很大程度上幫助我們?cè)O(shè)計(jì)實(shí)用性的美觀手機(jī)界面。第一章關(guān)于界面對(duì)用戶影響的概述（一）關(guān)于界面的概述所謂界面就是用戶和手機(jī)之間的溝通橋梁，可以被稱作是媒介或者交流通道。目前隨著手機(jī)的普及，對(duì)于人與手機(jī)的交互界面的研究也越來(lái)越多，逐漸成為研究主流。界面包括很多方面，所有需要人和手機(jī)進(jìn)行交流的地方都屬于交互界面，所以說(shuō)對(duì)于交互界面的設(shè)計(jì)非常重要，在用戶使用的過(guò)程中，交互界面如果非常簡(jiǎn)潔舒適對(duì)用戶來(lái)說(shuō)會(huì)增加愉悅感，效率得以提高。關(guān)于手機(jī)系統(tǒng)界面的定義最為被人們所采納的是一個(gè)媒介，人們通過(guò)這個(gè)媒介對(duì)手機(jī)進(jìn)行控制，實(shí)現(xiàn)手機(jī)與用戶的溝通，但是界面不僅僅包括人和手機(jī)，還應(yīng)該包括外界環(huán)境，也就是和人們發(fā)生接觸的環(huán)境?？偟膩?lái)說(shuō)，人與手機(jī)的交互界面包括人和手機(jī)之間，人和手機(jī)系統(tǒng)之間的媒介[1]。（二）關(guān)于交互設(shè)計(jì)的概述交互設(shè)計(jì)可以認(rèn)為是人們和空間之間的設(shè)計(jì)，主要受人、設(shè)備、軟件影響。對(duì)于交互系統(tǒng)來(lái)說(shuō)，屬于將很多學(xué)科交叉使用，包括工程學(xué)、交互學(xué)等。在進(jìn)行交互設(shè)計(jì)時(shí)，必須將各個(gè)學(xué)科的思想引入。由于交互設(shè)計(jì)屬于新興學(xué)科，對(duì)于其的定義也有很多，其中美國(guó)對(duì)其定義為“關(guān)于設(shè)計(jì)、評(píng)價(jià)和實(shí)現(xiàn)供人們使用的交互式計(jì)算機(jī)系統(tǒng),是研究圍繞這些方面主要現(xiàn)象的科學(xué)”。社會(huì)的不斷發(fā)展同時(shí)也促進(jìn)了交互設(shè)計(jì)的發(fā)展，因?yàn)槭謾C(jī)與人關(guān)系的密切，在設(shè)計(jì)手機(jī)界面時(shí)通常都會(huì)同時(shí)考慮人機(jī)工程、信息工程、平面設(shè)計(jì)等等，可以看出其包含了很多領(lǐng)域，既要滿足理論上的切合，又要考慮外觀上的美感。但是由于交互設(shè)計(jì)還在不斷發(fā)展之中，對(duì)與交互設(shè)計(jì)的概念也在不斷更新[2]。（三）界面對(duì)用戶的影響界面對(duì)與用戶的影響可以分為兩種，一種是界面對(duì)用戶情感的影響，一種是界面對(duì)與用戶對(duì)自我審視的影響。首先是界面對(duì)用戶情感的影響，有些界面的設(shè)計(jì)都會(huì)選擇使用表情符號(hào)，比如笑臉和哭臉。通過(guò)研究，發(fā)現(xiàn)笑臉真的可以讓用戶產(chǎn)生積極情緒，對(duì)手機(jī)的使用更加放心，而哭臉則會(huì)讓用戶感到不安，之后有所顧慮。所以在設(shè)計(jì)手機(jī)界面時(shí)可以通過(guò)笑臉表達(dá)贊同，用哭臉表達(dá)錯(cuò)誤提示。其次是界面對(duì)用戶自我審視的影響。在用戶進(jìn)行手機(jī)操作時(shí)，在使用過(guò)程中或多或少都會(huì)遇到困難，進(jìn)而產(chǎn)生挫敗感，想要將錯(cuò)誤率降為零幾乎是不可能的。當(dāng)用戶在操作過(guò)程中犯錯(cuò)誤時(shí)，如果手機(jī)提示“您的操作有誤，已使系統(tǒng)發(fā)生錯(cuò)誤”無(wú)疑會(huì)增加用戶的挫敗感，但如果提示內(nèi)容表現(xiàn)出建議或者陳述操作失敗原因則會(huì)大大減少這種挫敗感[3]。第二章手機(jī)IOS系統(tǒng)主題界面設(shè)計(jì)IOS系統(tǒng)從開始以來(lái)已經(jīng)發(fā)生了很多次變動(dòng)，有的用戶會(huì)對(duì)其的變動(dòng)而開心，有的用戶則會(huì)感到不適。在蘋果對(duì)于界面的變動(dòng)過(guò)程中，主要采用了扁平化的設(shè)計(jì)，很大程度上繼續(xù)了蘋果的極簡(jiǎn)以及“內(nèi)斂”風(fēng)格。在IOS系統(tǒng)的界面設(shè)計(jì)變化中，從最初的擬物設(shè)計(jì)到現(xiàn)在的扁平化設(shè)計(jì)也反映了人與手機(jī)進(jìn)行交互的發(fā)展過(guò)程。比如說(shuō)，在手機(jī)出現(xiàn)初期，人們都傾向于將手機(jī)內(nèi)的各種功能形象化，讓人們更能了解其的功能，但是到了后期，手機(jī)的功能已經(jīng)逐漸被人們熟知，就像傳統(tǒng)的認(rèn)知一樣，從簡(jiǎn)單到復(fù)雜再到簡(jiǎn)單，開始猶豫不了解所以必須要選擇復(fù)雜的圖形來(lái)表達(dá)，但是到了之后已經(jīng)非常熟悉了，所以需要使用簡(jiǎn)單的圖形來(lái)使界面更加簡(jiǎn)潔。不僅如此，認(rèn)定大腦對(duì)于圖形的認(rèn)識(shí)也有一定的規(guī)律，由于大腦有處理信息的功能并且這種功能會(huì)隨著人閱歷的增加而增加，可以很大程度上減少處理信息的速度，但是同時(shí)也由于信息量增多，大腦在處理圖形信息時(shí)考慮的因素也越來(lái)越多，所以說(shuō)簡(jiǎn)單的圖形可以為大腦減壓[4]。（一）文字在IOS系統(tǒng)主題界面設(shè)計(jì)中的表現(xiàn)方式在畢業(yè)設(shè)計(jì)作品中，對(duì)于字體的選擇經(jīng)過(guò)了仔細(xì)的考慮，文字作為界面設(shè)計(jì)中最基本的可閱讀性視覺(jué)要素，應(yīng)該造型簡(jiǎn)練、易于識(shí)別，并與界面中的其他元素形成和諧統(tǒng)一的關(guān)系。在IOS的界面中，字體選用的是華文行楷，字體清晰明了，給人一種現(xiàn)代與古典結(jié)合的律動(dòng)感。主菜單界面的字體也是選擇宋體進(jìn)行說(shuō)明，簡(jiǎn)單明了。日期的字體的選擇則是黑體，如圖3-1所示。蘋果的手機(jī)界面設(shè)計(jì)中，要注意文字與整個(gè)界面的融合度，通過(guò)通俗易懂的文字向用戶傳達(dá)信息，在文字設(shè)計(jì)中避免出現(xiàn)晦澀難懂的字眼。不同的字體具有不同的風(fēng)格指向，每款字體形式都有與之相對(duì)應(yīng)的視覺(jué)審美感受和心理暗示，字體的風(fēng)格是否與界面風(fēng)格相協(xié)調(diào)是字體選擇的一個(gè)重要因素。圖3-1字體的選擇手機(jī)中的文字主要用于圖標(biāo)的注釋說(shuō)明、標(biāo)注各級(jí)菜單名和菜單選項(xiàng)，以及狀態(tài)說(shuō)明等方面。文字的內(nèi)容需要簡(jiǎn)潔明了，字體的大小需要在手機(jī)屏幕確定的前提下，按照一定的標(biāo)準(zhǔn)進(jìn)行設(shè)計(jì)，符合大多數(shù)人的視覺(jué)習(xí)慣[5]。（二）圖形在IOS系統(tǒng)主題界面設(shè)計(jì)中的表現(xiàn)方式在圖形的表現(xiàn)方式上，選擇簡(jiǎn)單的幾何形狀，按鈕的線條感強(qiáng)烈，圖標(biāo)的設(shè)計(jì)也運(yùn)用了簡(jiǎn)潔的線條，極具現(xiàn)代氣息。主菜單界面中，延續(xù)了帶有玻璃質(zhì)感的線框，風(fēng)格統(tǒng)一，圖標(biāo)設(shè)計(jì)簡(jiǎn)單、容易識(shí)別。圖形不僅能夠生動(dòng)直觀地表現(xiàn)內(nèi)容，還能讓用戶更容易掌握信息。手機(jī)界面中的圖標(biāo)設(shè)計(jì)需要符合人們的常識(shí)，并且將古典物件元素與現(xiàn)代設(shè)計(jì)相結(jié)合，例如算盤表示計(jì)算機(jī)，古典信封表示短信息，古典樂(lè)器月琴表示音樂(lè)設(shè)定，燈泡符號(hào)表示手電筒等等，如圖3-2所示。手機(jī)界面最大的特點(diǎn)就是屏幕尺寸小，由于手機(jī)屏幕的尺寸有限，圖標(biāo)不易過(guò)大，否則會(huì)產(chǎn)生比例失衡。當(dāng)然，圖標(biāo)過(guò)小也不方便點(diǎn)擊圖標(biāo)，在操作時(shí)產(chǎn)生困難。圖標(biāo)設(shè)計(jì)需要充分理解其含義，把文字性的描述準(zhǔn)確的轉(zhuǎn)換成圖形符號(hào)，這就需要設(shè)計(jì)師找到一個(gè)可替換的圖案。如何把圖案進(jìn)行提煉，又能準(zhǔn)確傳達(dá)其內(nèi)涵，則很考驗(yàn)設(shè)計(jì)師的創(chuàng)意思維。在圖標(biāo)的設(shè)計(jì)過(guò)程中，要結(jié)合手機(jī)品牌的形象特征，視覺(jué)風(fēng)格要與品牌形象相統(tǒng)一。手機(jī)界面設(shè)計(jì)離不開圖標(biāo)的整體美觀性，在追求美觀的同時(shí)，也要注重圖標(biāo)是否能準(zhǔn)確、生動(dòng)的傳遞某種信息，彰顯出圖標(biāo)設(shè)計(jì)的實(shí)用功能。圖3-2圖形的設(shè)計(jì)（三）色彩在IOS系統(tǒng)主題界面設(shè)計(jì)中的表現(xiàn)方式隨著社會(huì)的發(fā)展以及人們對(duì)視覺(jué)要求的提高，人們?cè)絹?lái)越希望能夠擁有視覺(jué)上享受、功能性上多樣的幫手，手機(jī)應(yīng)運(yùn)而生。為了設(shè)計(jì)好美觀的手機(jī)，設(shè)計(jì)師們都傾注了大量的心血，不僅將其在我們生活上的應(yīng)用考慮在內(nèi)，還將其對(duì)我們的心情影響考慮在內(nèi)。蘋果公司的IOS系統(tǒng)在采用扁平化設(shè)計(jì)的同時(shí)還對(duì)界面的視覺(jué)色彩進(jìn)行了深入的研究、設(shè)計(jì)。在對(duì)手機(jī)界面進(jìn)行設(shè)計(jì)時(shí)，界面的每個(gè)元素都會(huì)對(duì)整體效果產(chǎn)生很大的影響，而對(duì)于每個(gè)元素來(lái)說(shuō)，必須具有其特定的視覺(jué)力量，盡量引起用戶的注意。在設(shè)計(jì)的過(guò)程中，必須要盡量使設(shè)計(jì)品色彩平衡、流暢，每個(gè)元素的尺寸、形狀都應(yīng)該相互呼應(yīng)，元素之間通過(guò)協(xié)調(diào)和對(duì)于來(lái)體現(xiàn)界面的美觀性。下文主要講對(duì)于色彩的設(shè)計(jì)。首先，什么是色彩？所謂色彩，就是由于光的強(qiáng)弱不同、光波不同而在人的大腦中上的識(shí)別效果不同而產(chǎn)生的感覺(jué)。在我們?cè)O(shè)計(jì)一個(gè)物品的顏色時(shí)，一般的學(xué)者都會(huì)建議我們選擇三色進(jìn)行搭配，很多設(shè)計(jì)師并沒(méi)有深刻理解這句話于是在對(duì)手機(jī)界面時(shí)只選擇三種顏色，以至于手機(jī)界面非常粗陋。那么到底該如何理解三色搭配呢？所謂三色搭配不是只是有三種顏色，只是有三種，就像阿里巴巴界面的設(shè)計(jì)，仔細(xì)查看會(huì)發(fā)現(xiàn)界面顏色就只有三種，但并不是三個(gè)顏色，者三種顏色包括主色、輔助色以及點(diǎn)睛色。首先對(duì)于主色，主色就是整個(gè)界面的主色調(diào)，對(duì)界面的整個(gè)風(fēng)格有著決定性作用，但是為了豐富界面，主色卻不能只有一種，應(yīng)該有幾個(gè)相近的顏色以其修飾，否則界面就會(huì)顯得過(guò)于簡(jiǎn)單；其次對(duì)于輔助色，顧名思義，輔助色就是輔助主色的顏色，作為輔助，它的存在就是為了豐富界面，顏色可以是很多種；最后對(duì)于點(diǎn)睛色，點(diǎn)睛色主要的作用就是為界面畫龍點(diǎn)睛，并且為界面創(chuàng)造不一樣的風(fēng)格，但是在選擇點(diǎn)睛色是也必須注意整個(gè)界面的協(xié)調(diào)。在IOS手機(jī)系統(tǒng)主題界面中，主色主要遵從以下幾點(diǎn)：飽和度高的顏色做主色、深淺顏色那種面積大哪種為主色、同基調(diào)色相遇時(shí)面積大的為主色、視覺(jué)中心的顏色為主色等等；輔助色起到平衡界面層次的作用，在使用輔助色時(shí)選擇鄰近色使界面更加柔和，具有統(tǒng)一的效果，選用對(duì)比色作為輔助色使界面的色彩層次分明，對(duì)比鮮明；點(diǎn)睛色選擇飽和度、明亮度都較高的顏色。如果界面的明亮度較高，點(diǎn)睛色選擇深色；如果界面的明亮度較低，點(diǎn)睛色選擇飽和度高的顏色。在進(jìn)行點(diǎn)睛色的選擇時(shí)，應(yīng)該熟練地運(yùn)用各種顏色，打造具有個(gè)性的系統(tǒng)界面，讓界面更加活潑生動(dòng)，如圖3-3所示。圖3-3色彩的設(shè)計(jì)（四）交互方式在IOS系統(tǒng)主題界面設(shè)計(jì)中的表現(xiàn)方式手機(jī)界面的交互設(shè)計(jì)越來(lái)越重要，良好的交互設(shè)計(jì)可以讓用戶獲得更舒適的體驗(yàn)，用戶可以最直接的感受到手機(jī)界面好壞。由于手機(jī)顯示屏幕尺寸大小迥異，如何使用一套固定的交互邏輯與手機(jī)界面適配就變的相當(dāng)困難。同時(shí)手機(jī)作為一種移動(dòng)設(shè)備，也就注定屏幕不可能做的很大，操作空間自然也是相當(dāng)重要，需要考慮清楚的。但是又不可能一味為了充分利用空間而把屏幕堆滿，這會(huì)使得用戶搜尋信息的成本增加，視覺(jué)體驗(yàn)變差。鑒于此，考慮到人手指在屏幕區(qū)域的活動(dòng)區(qū)間，因此在主屏幕界面，把常用的電話，短信，聯(lián)系人，放在大拇指自然擺放最多的半圓區(qū)域。再遠(yuǎn)一點(diǎn)可以自定義常用應(yīng)用的圖標(biāo)，而快速進(jìn)入應(yīng)用分類更是設(shè)計(jì)成從右下角往左斜邊滑動(dòng)，如圖3-4所示。進(jìn)入二級(jí)界面后，返回只需要從左邊往右邊滑動(dòng)一段距離即可。這樣的設(shè)計(jì)可以讓用戶在單手操作中駕馭多種大屏幕手機(jī)。在使用手機(jī)的時(shí)候，所有的習(xí)慣用法都需要學(xué)習(xí)，但好的習(xí)慣用法只需要學(xué)一次，甚至不需要理解就能學(xué)會(huì)。手機(jī)界面設(shè)計(jì)不僅僅是對(duì)界面的設(shè)計(jì)，而且需要設(shè)計(jì)師對(duì)用戶的使用習(xí)慣、操作方式進(jìn)行設(shè)計(jì)，而不僅僅是視覺(jué)上的編排，需要在手機(jī)的交互設(shè)計(jì)上有所注意，如何在滿足人們審美需求上，讓用戶沉浸在手機(jī)使用過(guò)程中，需要設(shè)計(jì)師對(duì)整個(gè)界面的框架結(jié)構(gòu)，功能區(qū)的布局上仔細(xì)斟酌，讓手機(jī)操作起來(lái)更方便快捷，適應(yīng)用戶的需要。圖3-4交互方式的設(shè)計(jì)總結(jié)對(duì)于手機(jī)界面的設(shè)計(jì)首先需要討論用戶在使用手機(jī)界面時(shí)的感受，所以需要對(duì)用戶的認(rèn)知以及影響用戶認(rèn)知的因素進(jìn)行分析。一個(gè)優(yōu)秀的手機(jī)界面設(shè)計(jì)可以讓人們的使用更加簡(jiǎn)便更加舒適，并且隨著手機(jī)的普及，人們對(duì)手機(jī)界面的要求也越來(lái)越高，本文通過(guò)研究蘋果公司的IOS系統(tǒng)主題界面，認(rèn)為IOS主題界面在設(shè)計(jì)時(shí)采用了扁平化設(shè)計(jì)，并且對(duì)顏色的設(shè)計(jì)采用了三色原則，在色彩平衡方面有很多值得借鑒的地方，希望對(duì)我國(guó)手機(jī)界面設(shè)計(jì)有所幫助。參考文獻(xiàn)1.林曉亮智能手機(jī)UI主題界面交互設(shè)計(jì)[M]2016.52.王庭杰淺談手機(jī)用戶界面扁平化[J]20153.馮沖界面中的注意力設(shè)計(jì)——IOS平臺(tái)的移動(dòng)設(shè)備界面設(shè)計(jì)研究[M]2012.64.鐘韜手機(jī)用戶界面設(shè)計(jì)方法研究[M]2005.45.國(guó)鳳嬌隋涌淺談IOS手機(jī)界面的視覺(jué)元素設(shè)計(jì)