創意是設計師的靈魂，一款獨特視覺的創意作品不僅使人賞心悅目，還可以是營造氣氛的好幫手。在講求收納的今天，節省空間成為眾多設計師的靈感源泉。下面與大家分享一下這些獨到的創意作品，我們日常生活中的茶幾，簡約而個性化。

一、特征突出法

抓住產品特征，在整個<A style="BORDER-BOTTOM: medium none; TEXT-ALIGN: justify; BORDER-LEFT: medium none; TEXT-TRANSFORM: none; BACKGROUND-COLOR: rgb(246,246,246); TEXT-INDENT: 0px; OUTLINE-STYLE: none; OUTLINE-COLOR: invert; OUTLINE-WIDTH: medium; LETTER-SPACING: normal; FONT: 18px/30px Oxygen, Arial, 'Hiragino Sans GB ', 'Microsoft YaHei', 微軟雅黑, STHeiti, 'WenQuanYi Micro Hei', SimSun, sans-serif; WHITE-SPACE: normal; COLOR: rgb(50,97,163); BORDER-TOP: medium none; BORDER-RIGHT: medium none; WORD-SPACING: 0px; TEXT-DECORATION: none; -webkit-text-stroke-width: 0px" onclick="$e('share#main#evt:open_app')(true, 1, '/m/channel/keyword/平面設計?s=9')" href="javascript:void(0);" ,="">平面設計中視覺沖擊力最大的地方，把他鮮明的表現出來，使觀眾瞬間被感染到，產生興趣，達到刺激觀眾購買的欲望，在廣告表現中，賦予產品個性形象和與眾不同的特殊性，對消費者來(神州培訓網-http://sjz.szpxe.com/<A style="BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; LINE-HEIGHT: 1.7; OUTLINE-STYLE: none; OUTLINE-COLOR: invert; OUTLINE-WIDTH: medium; COLOR: rgb(50,97,163); FONT-SIZE: 1em; BORDER-TOP: medium none; BORDER-RIGHT: medium none; TEXT-DECORATION: none" onclick="$e('share#main#evt:open_app')(true, 1, '/m/channel/keyword/article?s=9')" href="javascript:void(0);" ,="">article/view/329194)說會很有吸引力，突出特征的手法是廣告設計中的重要表現手法之一。

對于大部分缺乏經驗的產品經理在設計產品的時候會從容易感知的部分著手，例如視覺設計、交互設計等等，但是一個合格的產品經理在設計產品的時候則是要從最根本決定產品的部分開始。如果我們將產品設計中各個環節按照對產品決定作用的大小進行排列的話，那么從大到小可以排列為：

xiaoxian：大學的專業是工業設計，目前從事UI設計。剛畢業的時候我做過一些吉祥物之類的平面設計，之后有心去做游戲UI，但陰差陽錯地做了網頁設計，最終發現UI設計更契合自己的喜好。前幾年的積累是為現在的職業打下基礎，也順應了移動互聯網的發展。

編者按：坊間傳聞，有本CSS的高手煉成秘籍在江湖失傳已久，書中所載，多為的驚人技術與實例示范，是為集大成者，一旦學成，代碼效率猛增，功力提升數倍，今日偶獲，不敢怠慢，趕緊發到優設，望人人受益。說人話：好東西呀快來看呀！

在本列表中，。我們從多位藝術家那里搜集了驚人的例子，足以證明使用CSS，一切皆有可能。我們還收集了一些關于CSS 3的不可思議新功能的文章，以及一些有用的CSS庫。接下來的內容會讓你目不轉睛，所以讓我們開始吧！

不可思議的CSS 3新功能：Tutorialzine.com

為了充分感受這些例子你需要的瀏覽器，比如Chrome。

編者按：距離上次分享GUI模板有很長時間了，這段時間里設計趨勢不斷變化，谷歌推出了的Android L以及全新的界面設計，UI設計師又有得忙了，今天收集了一組實用的GUI模板和線框圖，包含的Android4.4，Material Design，Android 可穿戴設備等等，控件全面，拿來即用，建議收藏待用呦。

當你第一次打開一款應用的時候常常會看到精美的引導頁設計，它們在你未使用產品之前提前告知你產品的主要功能與特點，第一次印象的好壞會極大地影響到后續的產品使用體驗。因此各個公司都在努力將這幾個頁面設計好，從一開始就引人入勝。那接下來我跟大家一起來探討關于引導頁的設計。

一、 目的區分

根據引導頁的目的、出發點不同，可以將其分為功能介紹類、使用說明類、推廣類、問題解決類，一般引導頁不會超過5頁。

1.功能介紹類

功能介紹類引導頁主要是對產品的主要功能進行展示，讓用戶對產品主功能有一個大致的了解。采用的形式大多以文字配合界面、插圖的方式來展現。

以易信為例，采用文字與水彩插圖結合的方式，文字分為2個層次，大標題與小標題，大標題是對主功能的概括，小文字是對其功能模塊的詳細描述或進一步補充說明。

編者按：動效現在是扁平化身邊的大紅人，哪里都有它的身影，動效能否為扁平化增光？設計師有什么利器可以繪制動效？昨天發現一篇好文，關于這兩方面都有實在的干貨分享，建議同學們當機立斷，先轉后贊，特別要記得看。

作為一個網頁設計師，我們需要努力讓我們的技術與技巧與時俱進。我們不用追隨每一個時代潮流（比如長投影），但是我們的確需要隨著網絡的發展與成熟，不斷學習并提高我們的技巧。

網頁設計產業最近開始火熱的新發展之一便是動效，越來越多的公司在他們的應用和網站中放入動效以取悅用戶，從競爭對手中脫穎而出以及提升產品的可用性。

動效需求如此之高的另一個原因在于網頁扁平化的潮流。扁平化設計整體來說是挺不錯的，而且使得人們尋求新的方式來改善它為數不多的問題。

有時候看到有人說國外的網站風格不適合用在國內，這是不對的，網頁重點是布局排版和配色，而歐美的網頁有很多創新的布局，配色也很棒，這些都可以參考，今天我們整理20+排版超贊的歐美網頁設計PSD模板，無論是新手或是進階設計師都可以下載來學習，還允許免費商用呦！

下面一起來看看這組免費的網站模板素材，有很多不同的行業類型供你參考噢！

1. 元素對齊與邊距

所有的頁面都應遵循左邊距12px或24px。

內容，標題，標頭以及標頭的圖標也應左對齊，距離左邊界為12px或是24px。

如果有需要進行右對齊，右邊距也應該是12px或是24px。