從“少即是多”中探究移動(dòng)端扁平化ui界面設(shè)計(jì)——以metroui為例

1、分類號(hào)：U D C ： 密級(jí)：學(xué)校代號(hào)：1 1 8 4 5學(xué) 號(hào)：廣東工業(yè)大學(xué)碩士學(xué)位論文( 藝術(shù)學(xué)碩士)從“少即是多“ 中探究移動(dòng)端扁平化?界面設(shè)計(jì)——以M e t r oU I 為例王凡指導(dǎo)教師姓名、職稱： 黃迅教授學(xué)科( 專業(yè)) 或領(lǐng)域名稱： 設(shè)讓藝苤堂學(xué)生所屬學(xué)院： 藝苤遮讓堂院論文答辯日期： 2 Q ! 互生墨月2 魚日摘要摘要隨著電子信息產(chǎn)業(yè)的飛速發(fā)展，u I 設(shè)計(jì)( U s e r i n t e r f a c eD e

2、 s i g n ) 的作用變得越來越突出，并且逐漸成為大家追捧的新興行業(yè)。國內(nèi)的U I 設(shè)計(jì)行業(yè)也步入探索嘗試的行列。移動(dòng)電子產(chǎn)品的飛速迭代使之成為人們生活不可剝離的一部分。隨著技術(shù)的不斷進(jìn)步，用戶審美的提高，以及設(shè)計(jì)師思考方向的轉(zhuǎn)變。移動(dòng)端的u I 界面設(shè)計(jì)風(fēng)格呈現(xiàn)出多元化的發(fā)展趨勢(shì)。自諾基亞w i n8 系統(tǒng)的扁平化風(fēng)格開始，到蘋果公司推出的i o s 7 界面風(fēng)格的巨大轉(zhuǎn)變，“扁平化”逐漸成為大家討論的焦點(diǎn)。筆者通過對(duì)“少即是多

3、”設(shè)計(jì)原則及現(xiàn)有界面設(shè)計(jì)風(fēng)格的研究與梳理，從扁平化的利與弊、如何妥善運(yùn)用此風(fēng)格如何有效結(jié)合“少即是多”設(shè)計(jì)原則的角度，探索了移動(dòng)端設(shè)備界面設(shè)計(jì)的設(shè)計(jì)思路。本論文主要分為六個(gè)部分，一是緒論部分：二是對(duì)“少即是多”設(shè)計(jì)原則發(fā)展概述；三是對(duì)界面設(shè)計(jì)發(fā)展的概述；四是對(duì)扁平化界面設(shè)計(jì)的分析；五是分析扁平化M e t r ou I 與“少即是多”設(shè)計(jì)原則之間的聯(lián)系：六是對(duì)扁平化界面表現(xiàn)性分析。在第三部分中，文章首先概括描述用戶界面、圖形界面的總體發(fā)

4、展。再分別從手機(jī)圖形界面設(shè)計(jì)的發(fā)展、手機(jī)界面布局的發(fā)展、圖標(biāo)的發(fā)展、手機(jī)界面字體的發(fā)展四個(gè)方面進(jìn)行梳理，最后總結(jié)U I 設(shè)計(jì)的基本原則。第四部分中，首先對(duì)扁平化設(shè)計(jì)進(jìn)行概括性描述，再分別從W i n d o w sp h o n e 系統(tǒng)手機(jī)界面、蘋果移動(dòng)端界面設(shè)計(jì)、擬物化界面與扁平化界面三個(gè)角度分析。第五個(gè)部分中，分別梳理了“少即是多”與扁平化設(shè)計(jì)的起源背景方面的聯(lián)系、形式方面的聯(lián)系、情感體驗(yàn)方面的聯(lián)系、東方思想方面的聯(lián)系。其中東方思