創(chuàng)意是設(shè)計師的靈魂，一款獨特視覺的創(chuàng)意作品不僅使人賞心悅目，還可以是營造氣氛的好幫手。在講求收納的今天，節(jié)省空間成為眾多設(shè)計師的靈感源泉。下面與大家分享一下這些獨到的創(chuàng)意作品，我們?nèi)粘Ｉ钪械?A ,="">茶幾，簡約而個性化。

一、特征突出法

抓住產(chǎn)品特征，在整個<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/平面設(shè)計?s=9')" href="javascript:void(0);" ,="">平面設(shè)計中視覺沖擊力最大的地方，把他鮮明的表現(xiàn)出來，使觀眾瞬間被感染到，產(chǎn)生興趣，達到刺激觀眾購買的欲望，在廣告表現(xiàn)中，賦予產(chǎn)品個性形象和與眾不同的特殊性，對消費者來(神州培訓(xùn)網(wǎng)-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)說會很有吸引力，突出特征的手法是廣告設(shè)計中的重要表現(xiàn)手法之一。

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

xiaoxian：大學(xué)的專業(yè)是工業(yè)設(shè)計，目前從事UI設(shè)計。剛畢業(yè)的時候我做過一些吉祥物之類的平面設(shè)計，之后有心去做游戲UI，但陰差陽錯地做了網(wǎng)頁設(shè)計，最終發(fā)現(xiàn)UI設(shè)計更契合自己的喜好。前幾年的積累是為現(xiàn)在的職業(yè)打下基礎(chǔ)，也順應(yīng)了移動互聯(lián)網(wǎng)的發(fā)展。

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

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

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

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

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

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

一、 目的區(qū)分

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

1.功能介紹類

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

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

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

作為一個網(wǎng)頁設(shè)計師，我們需要努力讓我們的技術(shù)與技巧與時俱進。我們不用追隨每一個時代潮流（比如長投影），但是我們的確需要隨著網(wǎng)絡(luò)的發(fā)展與成熟，不斷學(xué)習(xí)并提高我們的技巧。

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

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

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

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

1. 元素對齊與邊距

所有的頁面都應(yīng)遵循左邊距12px或24px。

內(nèi)容，標(biāo)題，標(biāo)頭以及標(biāo)頭的圖標(biāo)也應(yīng)左對齊，距離左邊界為12px或是24px。

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