時間行進到2017年，越來越成熟的網頁設計圈子，已經不僅僅只是流行各種設計技法和不同的設計工具了，你會發現，設計手段和設計思想也越來越成熟，至少，系統化的思維已經不再鮮見了。

「我們不只在搭建頁面，我們在創建系統。」

縱覽今年的網頁設計，用戶體驗設計被大家提升到更重要的位置，數字產品的沉浸體驗被越來越多的設計師和產品人關注到。新誕生的設計工具和素材當中，無論是UI Kit 、風格指南還是設計輔助工具，都是為了更好的沉浸式體驗。

非對稱布局

對稱式的布局在網頁中非常常見，它不僅易於設計，便於使用而且是合理的設計策略。柵格系統的出現，不僅幫助設計更好地完成響應式布局的設計搭建，也讓設計擁有了更好管控非對稱布局的方案。越來越多的非對稱式的布局出現在我們視野當中，甚至不少設計師專門對此進行了總結。Kimberly Elamconveys 的這本《Grid System：Principles of Organizing Type》中對於如何運用柵格系統來構建非對稱布局，有許多不錯的實例。

打破常規的布局，這並非是新鮮的概念，但是在非對稱式的網頁布局的探索上，我們還有很長的路要走，還有許多未知可供探索。非對稱布局在今天成為設計趨勢，很大程度上是因為它在技術可行性的基礎上，讓設計師有了自由發揮的可能性，能夠讓設計脫穎而出。如果排版布局和整體實現都足夠合理，想法和內容能夠在自由的設計下更容易被用戶所感知，個性化的表達也得以保留。

隨著設計師對於動效、視差和柵格的純熟掌握，未來的非對稱式布局可能會成為設計師手裡的殺手鐧。

感知化設計

在擬物化設計走到極致之後，扁平化設計接管了整個設計風格的走向。早期的扁平化設計擁有了足夠現代的設計特質，但是在用戶感知上並不足以媲美擬物化，這也催生了今天我們所說的扁平化2.0 和 Material Design 這樣的設計風尚。用風格來描述這些設計上的演變是我們現在所熟知的方式，但是換個角度來看待這些變化，其實會更加直觀。設計元素從來都沒有因為扁平化設計而疏離真實的世界，我們對於世界的認知構建起來了感知的體系，而設計元素的變化，一直都是奔著更好的感知度而去的。

雖然擬物化的設計並沒有回歸，但是在設計元素的演變上，可感知性一直在逐步變好，變得更容易理解、觸及。

自定義字體

伴隨著非對稱式布局而來的，是個性化的字體設計。針對特定的需求、遵循特定風格的個性化字體設計，和非常規的排版有著天然的契合，超大的個性化字體不僅可以傳達信息，而且能夠作為重要的視覺元素而存在，甚至可以成為視覺焦點。

讓不同的字體在網頁中協調的搭配起來是越來越多網頁設計師試圖做到的事情，而出於視覺設計的需求，有時候還需要讓對比足夠強烈的字體搭配到一起。

新的網頁字體技術的出現，使得網頁字體的兼容性和可能性越來越強。多彩字體甚至一開始就是為了個性化和自定義而存在。被非襯線體字體所統治的時代，即將過去。

更有質感的圖片

和自定義的字體不同，真實感更強的圖片在網頁設計領域的流行，不僅僅是出於技術發展和個性化的需求，它更多是為了創造沉浸感更強的體驗，營造更加真實有效的品牌感。經過定製的、富有質感的圖片能夠更好地服務於品牌，營造獨特的氣質，成為更加具有影響力的工具。

從成千上萬的圖片中精心挑選的圖片，有著更強的感染力，在絕大多數的時候，它們比起單純被設計出來的圖片更加有效。

如果你沒有辦法尋求專業的攝影師來為你打造這樣的照片的話，不妨通過社交網路來舉辦活動，從你的品牌用戶和粉絲當中徵集。截至目前，這種方法還是非常有效的。

原型工具和設計版本控制工具

Sketch

在諸多設計類軟體當中，今年最突出的大概就是Sketch 這款軟體了。雖然 Sketch 出現的時間不短，但是在用戶數量上，2017年才出現爆發性的增長，從設計機構到自由設計師都開始青睞這款工具。

選擇 Sketch 的原因很多，但是這很大程度上是得益於它在UI/UX領域的深耕，以及在交互設計和原型設計上完備的功能。Sketch 並不具備3D功能，沒有濾鏡，它的功能都是圍繞著現代UI和UX設計來進行的，可拓展的插件也讓它具備了更多的可能性。

Abstract

版本控制是設計的基石。雖然大家一直在呼籲設計師要懂得 Git ，但是在實踐和使用上，依然存在著天然的壁壘。

Abstract 是一款用於 Sketch 的版本控制工具，它的設計乾淨清爽，將強大的版本控制功能藏於背後，讓設計師專註於設計，而不用糾纏於備份和時間表。Abstract 幫助設計師控制分支、提交、備份和合併。儘管 Abstract 還面臨著不同對手的競爭，但是總體上有著更加光明的未來。至少，對於面向未來的設計團隊而言，很有使用的必要。

UX文案設計

在很長的一段時間裡面，視覺是UI和UX設計中的重中之重，但是大家現在對於文案和內容也足夠重視了。信息的傳遞和內容的呈現必定不是以視覺作為唯一載體，文本內容和文案的重要性也不言而喻。

對話式的UI直接將界面直接用文本和文案來置換，而UX設計當中，文本、標籤和文案的準確性也直接影響著產品本身的使用。為了更精準地使用辭彙，更有效地使用內容，Facebook 這樣的科技企業已經有了內容策略師這樣的職位，確保UX的一致和有效。

相比於傳統的文案設計，UX 文案設計對於辭彙運用的要求更高，詞語的設計可以說是目前最新的行業趨勢。設計師需要深入到辭彙背後的心理、語言和概念當中去。

結語

設計趨勢上的演變，很多時候會讓人覺得驚喜。有些趨勢讓我們看到了新的可能性，有些甚至可以創造新的工作機會和新的前進方向。

「馬來西亞的智慧型手機使用者約為一千三百萬人，滲透率為51%」

一般人簡報的做法是將整段字貼上，然後找相關的圖片”美編一下”。

但是若是你真的做到化繁為簡，馬來西亞幾乎1/2人就有智慧手機，呈現的簡報設計結果如下方，也就是先幫觀眾閱讀過資訊後，用更簡單的方式傳達重要的訊息。

賈伯斯的簡報甚至被蘋果的粉絲稱之為「賈伯斯式簡報」，許多書中提及賈伯斯的簡報如同一場舞台劇，是精心安排、充分準備，同時完成傳達設計的訊息、與使用者溝通並娛樂使用者的任務。以下為Ricky整理出賈伯斯簡報的最關鍵技巧。

• 簡報使用三個重點呈現，因為數量為三的時候，是最容易被人們吸收。
• 投影片只放一句關鍵的句子，或是一個詞一張圖片。
• 用影像代替千言萬語的視覺化技巧。

“我們要給大家的不是三樣產品，而是一個整合性的產品，我們叫它iPhone”
-There are not three seprate devices, this is one device and we are calling it, iPhone.
By 2007年1月麥金塔世界大會上《賈伯斯傳》p653。

首先Ricky必須將論文節錄出重點，將論文各章節重點畫出，有些學者論文頁數較少時，此步驟就可跳過。接著著手建構簡報整體架構，依照自身論文的章節鋪陳排序，一般分為

• 「緒論」
• 「文獻探討」
• 「研究方法」
• 「個案分析」
• 「研究結論與建議」

接著進行時間與頁面數量規劃，此步驟Ricky總共製作了四個版本。

• 55-70頁 20~30分鐘 (草稿，最為完整的簡報版本，Ricky第一次做的時候為70頁，放置太多圖表了…)
• 45-55頁 15~20分鐘 (去蕪存菁的簡報版本，建議與指導教授討論論文內容重點是否清楚呈現)
• 35-45頁 10~15分鐘 (提報口試的簡報版本，經修訂、美編設置情境後使用)
• 25-35頁 10分鐘 (比賽因應時間而更精簡的簡報版本)

「起」第一章 緒論 ，4-5頁，重點
論文簡報的第一個重點，一定要將，「研究主題」、「研究動機」、「研究目的」及「研究流程」，需要清楚說明研究的問題，有利於後續簡報的張力。
(此部分簡報重點是向口試委員，介紹你的研究主題、研究的動機與目的及研究流程，白話來說就是為何要進行此研究，這研究的目的及整體研究是怎麼規劃的)

「承」第二章 文獻探討，2~4頁，非重點
此章節絕對不是論文的重點，僅需將重點文獻列出，例如問卷是採用某學者的構面，或是研究方法是採用某學者之論點。
(並非重點，除非在文獻探討有重大發現，例如你在進行文獻探討時，蒐集資料閱讀後，意外發現鋼鐵人動力來源的方法，因此頁數千萬不能太多，Ricky在參加研討會時，常看到台下許多觀眾在提報者講到文獻探討時會「閉目養神」，太冗長不好。)

「轉」第三章 研究方法，5-10頁，重點
須清楚交代「研究方法 」，「研究架構」與「實驗設計」等。
(此部分簡報重點是向口試委員說明，你的研究為何使用此項方法，此方法有什麼優點，為第四章節個案分析的設計進行鋪陳)

「轉」第四章 個案分析，10-15頁，重點
個案分析一定要清楚的說明「個案背景」、「分析過程」與「分析結果」。
(此部分簡報重點是向口試委員說明，你是如何進行個案分析的，要清楚說明分析過程及結果，放置最重要的分析彙整表、圖，良好呈現分析過程與結果)

「合」第五章 研究結論與建議，2-4頁，重點
此部分清楚說明「研究結論」，應符合對應領域的表示方式，例如管理領域必須說明其管理意涵，「後續研究建議」與「研究限制」建議不超過兩頁。
(此部分簡報重點是向口試委員說明研究的結論與貢獻，非常重要，研究結論與管理意涵，是其一重點應獨立2~3頁，研究限制與建議不超過2頁)