從“少即是多”中探究移動端扁平化ui界面設計——以metroui為例

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

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

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

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