從平面網頁設計師到國際UI設計師的進階

周健

【摘 要】平面設計泛指具有藝術性和專業(yè)性，以“視覺”作為溝通和表現的方式，以文字、圖片和符號為主要元素，來傳達想法或信息的視覺表現。UI設計則是指在互聯網和移動互聯網中，對軟件的人機交互設計、操作邏輯設計、界面美觀的整體設計等。好的UI設計讓軟件的操作變得舒適、簡單、自由，還要讓軟件變得有個性、有品味，充分體現軟件的定位和特點。

【關鍵詞】平面網頁設計；UI視覺設計；進階

引言

“設計”，即英文“design”?！癲esign”一詞來自拉丁文，意思是“上記號”，是為一個構想做出方案、計劃的意思。中文中與此意相近的詞為“意匠”，可見設計中創(chuàng)意的重要性。設計的種類相當之多，設計在許多領域都有應用，涉及的方面也比較廣泛。例如視覺傳達設計，室內設計，教學設計、字體設計，包裝設計等等。

1.平面網頁設計

平面設計即設計其中之一，且與藝術聯系相當緊密。以“視覺”作為溝通和表現的方式。結合文字、圖片、符號，傳達想法和信息的視覺表現。平面設計具有藝術性和專業(yè)性，平面設計既可以指創(chuàng)作時的過程，也可以指最后完成的作品。現代平面設計是集電腦技術、數字技術、美術知識和藝術創(chuàng)意為一體的綜合內容，例如名片設計、海報設計、標志設計、網頁設計、室內設計，三維效果圖的后期處理、特效制作等等。

平面設計的基本元素包括圖形、文字和色彩等。對于圖形的美感，一般從平衡感、對比度、韻律節(jié)奏、協調感等幾方面去審視。圖形有動態(tài)的豐富的變化，安全穩(wěn)定的美感，且相輔相成，互相襯托，韻律節(jié)奏和諧，色彩形狀協調，主題統(tǒng)一，符合人們普遍的視覺需求。一幅平面設計作品的成功與否在于每個元素的設計和編排組織的水平。注意可視性、易讀性，應主次分明、色調統(tǒng)一。

2.UI視覺設計

在互聯網時代，越來越多的企業(yè)意識到UI和用戶體驗的重要性。UI設計是一個非常熱門的職業(yè)，只要涉及互聯網，移動互聯網的企業(yè)都需要UI設計師，因為人才緊缺，企業(yè)往往給這份工作豐厚的辛酬和舒適的工作環(huán)境，但是要成為優(yōu)秀的UI設計師可不是一件容易的事，你要具備一定的美學修養(yǎng)，和提升用戶體驗的設計能力。早期，行業(yè)UI人才極其缺乏，企業(yè)當時也并不了解UI，大量招聘的是美術類型的設計師，隨著行業(yè)發(fā)展和技術提高，行業(yè)對人才的需求也逐漸成熟，現在越來越多的企業(yè)開始招聘具備獨立策劃，具有產品設計和視覺規(guī)劃能力的UI設計人才。

掌握UI設計這門技術必備五大系統(tǒng)，它們分別是技法、規(guī)范、用戶體驗、審美和品牌設計。

2.1技法

作為UI設計師，技法層面是我們必須要面對的門檻，也是我們工作中最重要的技術手段，一個好的設計師，不僅能夠嫻熟的駕馭各種技法技術，更能夠從中挖掘出有價值的設計，探討一些設計的思路、思維，展示一個產品設計從無到有的過程。動態(tài)的視覺效果是人們獲取信息最自然、最快速、最高效的途徑，如果我們的界面擁有符合用戶感官的動態(tài)效果，將會大大提升我們產品的使用體驗，所以一般在UI設計中，加入合適的功效，將會使我們的產品流露出獨有的品牌特色，掌握動效設計軟件After Effect是設計師的必備技能，并將動效設計延展到產品當中。

2.2規(guī)范

怎樣設計一個合理的UI界面，比如文字的字體、字號，整體配色和頁面布局等等，一個好的UI設計，不僅有精美的ICON和炫酷的動畫，往往也會有一份詳盡的設計規(guī)范，比如IOS、android、web這些主流平臺，都會有自己的設計規(guī)范，這是為了能夠讓用戶體驗保持一致性和完整性，并且能夠提高設計工作的效率，那么設計規(guī)范和流程是UI設計師必須掌握的。

2.3用戶體驗

用戶體驗已經是當今互聯網產品競爭的制高點，我們所設計的界面中，無處不存在對可用性的影響，往往一個微小的細節(jié)就可以直接影響到用戶的轉化效率，但是當我們深入去了解的時候才發(fā)現，很多時候并沒有完美的設計，方案之間總是充斥著各種矛盾，比如說，你要設計一個流程，如果你增加很多很多的元素或者加長流程的長度，肯定會讓這個流程通俗易懂，但是這么做卻會損失了操作的效率，那怎么做才是最好的設計呢，這需要我們對用戶體驗有非常全面的了解，才能在決策中把握正確的方向，讓軟件的操作變得舒適、簡單、自由。

2.4審美

Dieter Rams在優(yōu)秀設計的十大原則中說到，好的設計應該就有美感，所以想成為一名優(yōu)秀的設計師，就應該具備良好的審美，那么美到底是什么呢？而美又有什么價值，那些優(yōu)秀的設計到底美在哪里，未來將會怎樣，就我們設計師而言，在自我價值、產品價值及用戶體驗等方面，該如何的平衡，如何切實有效的提升自己的審美非常重要。

2.5品牌設計

一個品牌的樹立關系到用戶對這個產品的認知程度，是用戶對這個產品和企業(yè)文化價值的一種評價，也是這個產品核心價值和企業(yè)文化的體現，如何識別和分析品牌，如何有效的對產品進行分析，對競品進行分析？這些必須從品牌色、品牌基因和圖形化元素等等多方面出發(fā)，尋找品牌獨樹一幟的差異化，去制定并形成一套系統(tǒng)的VI體系規(guī)范，配合產品在視覺規(guī)范和使用習慣等等達到體驗式統(tǒng)一，不斷的去完善和鞏固品牌的特性。

設計表達是UI設計的基礎，提升設計品味和品牌價值是UI設計的核心，熟練掌握優(yōu)秀的用戶體驗設計思路是UI設計的目標，掌握UI設計知識體系，趣味實戰(zhàn)ICON設計和制作華麗的動效，熟悉主流平臺的UI設計規(guī)范，熟練掌握完整的APP設計流程，提升設計品味和品牌價值，最終掌握優(yōu)秀的用戶體驗設計思路，提升UI設計自信心。

3.從平面到UI的進階

處于數字信息化時代，在網絡生存環(huán)境中如何獲取信息、分析信息、整理信息；運用批判性思維提升信息素養(yǎng)。掌握文字處理、表格設計、圖文排版及演示文稿設計等常用軟件，是成為職場精英的第一步。

3.1圖形界面設計

對于圖形界面設計，必須掌握Photoshop軟件的界面構成與計算機圖像設計的基本知識，熟練掌握摳圖工具、修補工具、鋼筆工具等各種圖像處理工具的使用。掌握CorelDRAW矢量圖形繪制軟件的界面與工具，矢量圖形繪制的技巧以及表格工具、印前與輸出的相關應用，書籍與長文檔的制作。

3.2WEB界面設計

對于WEB界面設計，則要掌握使用Dreamweaver軟件建立站點、添加頁面元素、使用CSS樣式及交互行為。并且將Flash動畫制作技術應用其中。熟悉WEB標準化布局，詳細了解HTML/HTML5語言語法與常用標簽的用法，包括布局標簽，表格標簽，表單標簽等。掌握CSS語法與常用屬性的詳解，使用CSS對網站中各個模塊進行修飾美化，對頁面布局結構進行深入的分析，并能處理瀏覽器兼容的問題。

結語

不論是平面設計，還是UI視覺設計，都是設計藝術的一部分，不僅要有形的美，還要有意的度，除了要從美學的角度去考慮，還要從設計師的角度去考慮怎樣運用各種藝術形式來表現其獨特的設計思路，以最終的作品傳達給觀眾。具有美術基礎知識，素描速寫能力，掌握色彩與視覺的關系等色彩學基礎知識，對于設計作品都是必不可少的。任何一個好的設計作品，不僅給受眾以豐富的信息和美的享受，而且可以使其品味其中的意韻，在文字與形式的秩序氛圍中，能夠再創(chuàng)想象空間，得到情感的升華，所有這些都源于作品的靈魂----創(chuàng)意。它的靈感來源于生活的體驗和智慧的啟迪，將創(chuàng)意思維進行形態(tài)置換，將創(chuàng)意思維轉化為圖形樣式，這些都是作為一名設計師必須具備的能力。

【參考文獻】

[1]數碼創(chuàng)意，平面廣告創(chuàng)意，中國鐵道出版社，2013年9月

[2]UI設計師微專業(yè)，中國藝術教育，2016（05）

[3]張媛.UI設計中的視覺表現，大眾文藝，2013（11）endprint