具體描述
産品特色
編輯推薦
海報：
內容簡介
網頁設計師從早年的綜閤性工作中分化齣來，形成瞭相對獨立的專業崗位，網頁設計也不再是單純的軟件應用，它衍生齣瞭許多獨立的研究方嚮，當網站策劃、交互體驗都逐漸獨立之後，形式感的突破和錶現成為網頁視覺設計的一項重要工作。隨著時代的發展，網頁設計更接近於一門藝術。網絡帶寬和硬件的發展為網頁提供瞭使用更大圖片、動畫甚至視頻的權利，而這些也為視覺設計師提供瞭更多錶現的空間。另外多終端用戶屏幕（主要是各種移動設備，手機、平闆等）的齣現，它讓網頁視覺設計師不得不重新定義原有的視覺規範。這些變化都趨使著設計師對新形式的渴望與進一步的探索。
《形式感+：網頁視覺設計創意拓展與快速錶現》就是這樣一本速食的設計創意與技巧手冊。本書可以幫助有一定基礎的網頁設計初學者或在職者，在遇到設計創意瓶頸時，能夠在較短的時間內解決設計上的創意和視覺形式感的問題。不論是應對緊急的工作需求或是求職麵試都能夠給觀者一個新穎的視覺錶現。
《形式感+：網頁視覺設計創意拓展與快速錶現》讀者是網頁設計師，包含狹義的、廣義的、“圈養”的、“野生”的，以及網站開發其他環節需要瞭解網頁視覺設計或與之協作的人員（如用戶體驗設計師、前端頁麵開發人員等）。
作者簡介
晉小彥，一個網頁設計手藝人，入行早年曾與朋友一同組建工作室經曆過兩年不太專業的野生派設計生活，後受圈養於國內遊戲公司。從三位一體的技術混沌派到團隊閤作的專業分工體係，從單純的視覺執行到係統的品牌包裝，從標準化的PC端網頁到多樣化的移動設備網頁，經曆瞭不同時期不同形式的網頁視覺變化，至今仍然執迷不悟的駐足於網頁設計陣營，始終關注網頁形式變化，未曾改嫁。在這六年的網頁設計工作中積纍瞭一些值得分享的經驗，部分文章在網絡上獲得瞭設計同行的認可和大量轉發。現受圈於騰訊遊戲官方設計團隊TGideas 任高級視覺設計師。
精彩書評
★騰訊遊戲從10年前默默無聞到目前占據整個中國遊戲市場半壁江山，這來自於整個研發團隊和發行團隊對産品各個細節層麵的追求及堅持，而支撐我們一直以飽滿的熱情繼續下去的，往往正是最初時單純的對遊戲行業或專業的執著和熱愛。很高興今天看到小彥作為我們眾多設計師中的典型代錶，在自身的學習摸索過程中而齣品的這樣一本書，它從設計創意技巧、理論、案例乃至設計師的自身價值定位等層麵層層解析，匯聚瞭小彥從業以來在遊戲類頁麵視覺設計方麵的個人經驗所在及設計師的價值感悟，定能對期望踏入網頁設計領域的新人或者是其他設計類領域的資深從業者非常多的幫助和共鳴（從我本人來說，我所從事的遊戲類界麵設計工作，在閱讀該書以及和小彥的交流過程中獲取到非常多共通的設計法則和創意啓發），相信能成為設計師桌邊的常用必備書籍之一！！同時期望能帶動國內設計領域的經驗分享氛圍，共同創建更加良性、自由、誠懇的設計交流環境，將騰訊遊戲的影響力擴展至整個行業領域！
——騰訊互動娛樂業務係統QQ遊戲産品部 （GDC） 設計總監 劉剛（manrana）
★推薦奮鬥在設計一綫的小夥伴們工作之餘仔細研讀，書裏都是筆者的親身經驗和心血，很有誠意。
——騰訊用戶研究與體驗設計部（CDC） 陳妍（Enya）
★作者新銳的想法非常的及時，在國內網頁設計環境大同的情況下，需要更多不同的聲音，更多新銳的創意！
——騰訊電商用戶體驗設計部（ECD）總經理 劉軼（rayliu）
★小彥透過自己的細微觀察和個人經驗分析，整理成獨特的方法論與眾同樂，令人鼓舞。國內需要更多像她那樣主動推動設計的傳道人！
——騰訊社交用戶體驗設計（ISUX）總經理 jonathan wong
★小彥之前在站酷發錶的係列設計文章就受到瞭設計師們的熱情追讀，這次成書後，更是進一步係統化的規整瞭內容。沒有枯燥的理論知識，隻有好學好用的私傢絕招。雖然名為形式感，但其中包含瞭從思考方式到實現手段的全流程引導。讀者完全可以舉一反三，掌握到流行的設計手法，並把它們立刻應用到日常的工作中。代錶小彥在站酷的百萬人氣和粉絲們，嚮奮戰在網頁設計一綫的設計師們推薦。
——站酷網 主編 紀曉亮
★書中的幾篇乾貨文章優設網曾推薦過，吸引瞭很多網頁設計師追捧學習。作者對網頁形式分析獨到，語言深入淺齣，是一本有趣而實用的設計書。
——優設網 優設哥
★《形式感》一書由淺入深的嚮大傢講述瞭一些網頁設計的方法和理念，並且例舉瞭作者自己很多的優秀案例。以自己設計師的親身經曆嚮大傢言傳施教，這是一件很瞭不起的事情，因為這同時證明瞭作者在網頁設計這行一定是久經沙場卻仍然屹立不倒，並依然大步流星的正能量。如果我還是當年那個為設計稿而苦惱的設計師，那麼，我一定不會錯過這本書。
——優藝客 創始人 韓雪鼕
★相比較，這是一本我更建議廣大準網頁設計師看一看的書，書中很多精彩的錶現手法和實例，對於當前技術和想法的提高有很大的幫助， 對於那些正處在瓶頸期，卻苦於突破的設計師也非常受用。網頁設計發展瞬息萬變，也包羅萬象，設計師不應刻意追求某種固定或流行的形式，適閤的、感覺對瞭纔重要，<<形式感+>>一書貼切、生動的闡述瞭這一理念。
——網頁設計師聯盟 主編 江六八
★這本書是對網頁設計日常工作經驗的提煉和點化，語言形式輕鬆，入口易消化，功效快速直接，對於網頁視覺設計的從業者來說相當受用。
——巨人副總裁 彭程
★書中許多版式方法結閤瞭現代網絡技術的發展，越過傳統的邊界，走過固化的禁區，是一本有前瞻性的設計書，歐巴牆裂推薦！
——漫畫傢 郭斯特
★雖然我不是做網頁的，但是放之設計皆可用。裏麵的許多視覺錶現的創意和形式對於設計來說都是互通互用的，值得一讀。
——青年導演 濛青
★簡單實用的工具書，樸實的語言讓我很容易就可以看懂～
——知名職業畫師 阮佳
★我很喜歡作者以簡單、幽默的語言來錶達對於設計的理解。讓我對網頁設計有瞭更深層次的理解與領悟。無論是內行還是外行都能在這本書中汲取到自己想要學習的內容而得到提高。
——知名職業畫師 周覺先
★本書的網頁設計方法充分將內容和視覺融匯貫通。對於品牌視覺錶現和網站策劃來說也有很不錯的啓發性。
——google品牌經理 李大鵬
★設計是一件需要包容的事，心靈的空間有限，物質的欲望太滿就容不下更多美感。三年前頭一次見到小彥的時候，我就因為她乾淨的內心和五彩斑斕的思想力而震驚。作為本書的頭一個讀者，我相信你將會有和我一樣的閱讀體會：因為純淨的世界觀，你的心會裝下整個世界的設計感。
——騰訊遊戲産品經理 陳靜
★打造視覺形式感是每個遊戲推廣視覺包裝的設計師必有的思路，也是能否第一時間吸引玩傢眼球的必要手段，每個人都有自己的方法，書中介紹的幾大方法論，通過實戰案例詳盡的介紹瞭作者對各種形式感的理解，以及如何實踐，必然會讓你在設計思路中起到立竿見影的效果。
——騰訊高級視覺設計師 蔡望東
★這書是在高強度、日常實際案例工作環境下，提取齣來的，能有效提高你頁麵設計效果的經驗精華。
——騰訊高級視覺設計師 高立
★十個絕頂聰明的提升網頁設計形式感問題的方法。每一個都通過說想看做四個部分，配閤詳盡案例，以輕鬆的行文風格為我們娓娓道齣。作者將其豐富的實戰經驗分享給廣大設計師，以解決實際工作中遇到創意思維枯竭、作品錶現力平淡的問題。是一本能讓設計師釋放無盡靈感的好書。
——空中網藝術總監 吳黃溪
目錄
01 超現實（就是抄襲現實中的物體）
02 園、方、三角（童年的七巧闆也能給我們設計的靈感）
03 斷臂手術（因為殘缺而擁有瞭令人震撼的美）
04 欲擒故縱（內容多也能看起來很簡潔）
05 乾坤大挪移（歪腦袋看世界果然與眾不同）
06 雜誌化版式（消除設計邊界嚮雜誌版式學習）
07 寬屏大視野（不做1000小切糕還給寬屏大視野）
08 文字衣櫥（是時候收拾一下那長篇大論的文字瞭）
09 你看起來很好吃（挑動厭食寶寶們的食欲）
10 釘釘鉚鉚（小裝飾的正能量不容忽視）
附錄A 一個視覺設計師的職業世界觀
附錄B 網站建設新元年的設計趨勢
附錄C 設計中的“好有愛”
精彩書摘
一個視覺設計師的職業世界觀
——關於商業視覺設計師的自我定位
做為一個設計師，我們並不需要成為一個策劃人，
但如果我們瞭解我們所經曆的這些事，
它們是從哪裏來到哪裏去，
或許我們能夠在自己這個環節上做得更好。
這便是本文所要說的一個視覺設計師的基本職業世界觀。
這篇文章無關乎視覺美醜，無關乎技法錶現，它不能讓我們的作品變得漂亮，卻能讓我們的設計精準有效。作為商業團隊中的一個成員，在完成一件商業作品時，明確自己和産品的定位是十分關鍵的，它直接影響到設計作品的準確性。隻有準確的瞭解瞭這兩個定位，我們纔能繁雜的職業認識人群中的自己，並讓我們的作品正真為産品提供幫助。
一、自我定位
1.我是誰？
首先是自我定位。我是誰，我是來做什麼的呢？這兩個問題直接影響到我們之後的行為目標，目標的指嚮越明確，我們的行為纔越有效。如果將網頁設計師的成長分為三個階段的話。從第一次接觸設計工作到逐漸開始理解設計理解産品並最終成為一個相對成熟的網頁設計師，我們可以如何定義這三個過程中的自己。
第一階段：我是一個藝術設計者
在從事設計這個職業前，我們也許在學校都受過正規或非正規的平麵設計和藝術理論的訓練。待到進入工作崗位後，我們都急切的希望能夠展現自己的特點，並將先前之所學所見應用於我們的工作中並證明自己。所以許多剛入職的設計師，通常本著自我證明的目標來從事手上的工作，希望能通過良好視覺錶現來證明自己的工作能力，然而廣義的藝術理論及視覺錶現與狹義的獨特商品視覺包裝並不可能恰好對口，也許我們展示瞭藝術性的視覺，但卻與産品毫無關係。
第二階段：我是一個翻譯者
在無數次的飛機稿過後，我們開始思考，並希望能做一些真正有效的東西。我們開始試圖理解文案信息，並通過圖形將信息翻譯齣來。這時候的我們認為自己是一個産品信息的視覺翻譯者。然而就於文案的翻譯正如機械的翻譯軟件一般，它是生硬的、不易懂的、不夠人性的。
第三階段：我是一個傳達者
漸漸的我們發現，如果隻將視角限定在眼前的幾個信息文字上是不夠的，我們必需結閤語境對它進行翻譯，也就是我們必需對産品、産品周期、産品營銷等多緯度的産品處境有所瞭解。纔能真正準確的傳達齣産品的話語。這時候我們不再是機械的翻譯軟件，而成為一個真正的通過視覺去傳達産品話語的人。我們是鮮活的，人性的用圖像語言去傳達産品信息的視覺傳達設計師。
2.他是誰?
不同的産品、不同的規模、不同的運營模式它們在公司組織架構上都有一定的差異。就騰訊現階段的遊戲産品運營模塊而言，與設計師接觸最多的人有：産品經理、項目經理、重構師、動畫師、程序員、CP、開發商、製作人等等，而他們的主要工作是什麼，他們與設計師的關係又是怎麼樣的？將這些關係梳理清晰我們纔能更好的閤作並閤理的利用資源。
從産品營銷的角度來劃分的話，可以分為産品和市場兩個方嚮，産品經理負責産品內容的更新和推廣，市場項目經理則從市場角度樹立産品的品牌形像，增強産品市場曝光率和産品的美譽度。舉個例子，假設，我們的産品是一道紅燒茄子，那麼産品經理負責的是菜品本身的推廣，比如，這個茄子的選材怎麼怎麼講究，輔料怎麼怎麼地道，廚師的手藝如何如何專業。而項目經理則是從市場價值觀齣發給受眾正麵的品牌感受，比如吃瞭這紅燒茄子，皮膚白瞭，牙齒好瞭，精神頭足瞭，夫妻關係也閤睦瞭等等，當然這是個玩笑，不過産品經理和品牌經理的著力點基本上就是以這樣分類的。而我們在製作不同類型的專題時，也需要有同樣明確的目標，二者概念不能混淆。
說完瞭産品經理和品牌經理的工作，我們從服務和技術支持的角度齣發，可以將其分為決策層、策劃層、實現層。決策層包括産品的製作人和市場總經理，他們決定瞭産品的研發方嚮和市場定位。産品經理和項目經理則是將這種方嚮和定位落實成具體的産品錶現和營銷事件策劃。最後由設計師、動畫師、重構師、程序師等組成的技術層隊伍將其轉換成用戶接觸和感知産品和活動。在這裏，設計師們用理性的思考和藝術的大腦，在産品的不同階段從不同的方嚮用不同的方式為用戶們傳達有趣的、可吸收、可消化的産品信息。
3.我要做什麼?
……
前言/序言
形式感，這個說法在近兩年的網頁視覺設計圈子中大概是最常齣現的詞匯之一。
關於這個書名，許多朋友談起時會說，是否帶有一些形式主義、形式化的貶意色彩，感受上相對偏主觀。就“形式感”這個詞的本意來說，它的確是由主觀意識齣發的設計錶現，然而任何一種輸齣和錶達都是經過個人的意識和知識梳理形成的，從一定意義上講，不論是談形式設計還是談體驗設計，其實都是根據主觀認識造就而最終輸齣的形式錶現，不同的隻是正確的形式和不夠正確的形式。
何謂正確的形式，如何能更接近正確的形式？專業的網頁視覺形式關聯瞭整體營銷的需要、信息內容的傳達和網頁技術的更新以及審美標準的變化。書中的幾個方法論綜閤瞭這些基礎要素，並將其通過易理解可操作的錶達方式進行整理輸齣。因此，“形式感”做為視覺評定的第一感受，它在一定程度上涵蓋瞭上述影響視覺呈現的幾大要點，也逐漸成為瞭設計師們在日常工作交流中的常用詞匯。
“形式感”一詞的廣泛使用在另一方麵是基於網頁設計專業化分工的，網頁設計在最初類計算機學科的基礎上延伸齣瞭它獨有的藝術性、體驗性、互動性等專業體係。它伴隨著“網頁視覺設計師”這一職業稱謂成為瞭藝術類分支中最常使用到的溝通詞匯。從一定意義上講，網頁視覺“形式感”的齣現也標誌著網頁視覺設計的進一步專業化。與此同時，我們也期待著網頁視覺設計在整個網絡化的浪潮中有更多優秀的、驚艷的形式錶現。
記得在兩年前，我們的設計作品在遊戲行業內具備瞭一定的影響力，因為行業屬性的緣故，關注用戶體驗的同時，團隊在形式感打造方麵經常有齣色的內容産齣，欣喜之餘，也開始考慮如何能把這些齣色的設計經驗沉澱下來，形成方法論，長久、良性的支持團隊工作，同時進一步提升團隊效率。
帶著這個目的，便拉上團隊骨乾小彥一起探討這個問題，讓人驚訝的是，小彥針對形式感打造方法的計劃早已啓動，並已經具備瞭一些可行的設計方法歸納，於是我們利用兩個月的時間，進行反復的碰撞，收集瞭大量行業資料，並結閤實戰項目，完成瞭打造形式感課程的內部開發，後來成為瞭團隊的招牌課程，獲得瞭騰訊學院、互動娛樂事業群學習組織、騰訊設計通道等組織頒發的優秀課程奬。這些方法吸收並結閤瞭攝影、建築、繪畫等知識，將常見的形式感打造方法用深入淺齣的方式進行瞭說明。使得遊戲運營、策劃、美術相關工作人員都能夠簡單有效的理解設計方法。部分技巧發布在互聯網後，也受到很多相關從業人員的學習和認可。
得知這些方法會成為紙質書齣版後，很感激齣版社對於我們專業能力的認可，更感謝這其中的關鍵角色小彥，能夠在方法沉澱的過程中，針對其內容進行反復的迭代與優化，並追求盡善盡美的專業態度。
設計是一門需要手腦並用的學科，沒有深刻的洞察和理論支撐，僅單純的追求視覺效果會顯得如此淺薄，其奧義在於真正投入的思考與執行，這是大前研一所強調的不斷學習，不斷思考，不斷總結的專業主義精神，也正式設計工作獨特的魅力所在之處。
——騰訊遊戲官方設計團隊TGideas 設計總監 李若凡
2013年11月6日
這幾天花瞭點時間看完瞭《形式感+》這本書 ，這是一本關於網頁設計的教程，一本彆具一格風格的教程書籍，拋棄死闆的教材模式，而以一種輕鬆愉快地方式講解網頁設計理論、方法與案例，有一種吸引力使我看下去，講解新意，更能貼近觀看者想要獲取的方法、知識點，而不是單單的闡述某種理論，此書值得一看。這劑網頁設計的“速效救心丸”確實能在你創意枯竭、審美疲勞、設計瓶頸的時候好好的補上一口迴神氣。像帝都霧霾天齣現的一股清風，魔都排骨湯時期手握的一支純淨水。當身為網頁設計師的你陷身於無的放矢的苦惱中，請翻翻這本書，也許會産生頭腦風暴，也許就能把雜亂的思緒理順，總之相信你確實會收獲不小。
現在的網頁設計水準較10年前已經是翻天覆地的變化，作者謙虛的作風並不影響他將這些知識宣揚給更多人，可以說此書是造福的，為那些投身於這個科技橫行的行業的行者們造福。相比較現在的網頁設計水準，針對網頁設計的教科書遠遠跟不上腳步，然而正缺少像作者這樣，用平實的言語，調理得當的順序，貼近時代的案例，生動的演繹瞭一場網頁設計的藝術製造。它也許不會讓你閱讀完立刻成為網頁設計的大師，這裏也沒有嚴肅的教科書理論，沒有條條框框的要求。但作者從說、想、看、做這幾點齣發，通過生動的舉例比擬，圈畫瞭一張通嚮成功的網頁設計的地圖，讓讀者在這條道路上走得踏實，眼前盡是明媚光景，心情暢爽且腳下生風，一步步走得安穩妥當，既有有柳暗花明又一村的驚喜，更有停車坐愛楓林晚的愜意。
《形式感+》是一本適閤於網頁設計相關的高校生、網頁設計初學者和剛剛工作的設計師學習的一本設計類圖書，當然，它也是一本值得業內同行收藏的一本好書。本書的係統性很強，而且以一種容易理解、輕鬆愉快的方式詮釋網頁設計的知識，這種方式的敘述是我第一次在網站設計類書籍中見到， 看完此書，能很快掌握理論知識、創意與技巧的書籍，能讓你快速成為成熟的網頁設計師。
《形式感+》是本速食書籍，能快速掌握方法，而不是講大道理而沒有實際可操作性，這本書而是把設計理論和網站元素分解的一一對應，具有很強的可操作性，而且以幽默風格展現齣來，你能從它的命名方式感受到。
設計是服務於用戶，用戶體驗很重要，如果一個網站設計不能讓用戶輕鬆愉快的點擊，獲取信息，那麼，這個網站不夠完美，這本工具書，值得你擁有。
李海滔 2013年11月11日 寫於上海
前言
寫這份前言的時候，我並不太確定這本書是否能夠齣版。不論結果如何，都十分感謝策劃大成的鼓勵，讓我一直堅持整理完成。
2011年6月因為幾篇關於[快速打造網頁形式感]的係列文章得到瞭許多同行的關注，大成在站酷上找到瞭我，並無寫書經驗的我，設想著隻需簡單地將幾篇現有文章集閤成冊就可以交差，於是便欣然答應瞭，但後來發現，完善工作並不比最初的起稿來得容易……
首先，對於網頁設計來說，不論是技術還是審美都是一個不斷更新迭代的過程，當時認為不錯的作品現在看起來並不十分有特色。特彆是對專題的形式感來說，布局的形式感在於它的齣其不意，如果使用過於頻繁也便失去瞭它的效果。
其次，由於個人作品的限製，許多案例的方法上值得舉證，但終閤評定上來說，它不算是一個完美的作品。
第三，話語空間，網絡上的文章如果發現問題，發布後也能及時更正，而紙質齣版是一次性的成稿，齣版後的修正難度就很大。
還有，在整理過程中，不斷齣現新的想法，所以不斷添加新的內容，逐漸發現，原來在網絡上與大傢分享的文章在本書中所占的比例，幾乎可以忽略不計瞭……
最重要的一點，紙質齣版物的圖片版權比網絡文章限定更多，在案例的選擇上也很謹小慎微。加上日常工作的壓力，這一係列問題也讓我在過程中多次打瞭退堂鼓。到這裏，還是想再次感謝大成一直的鼓勵。
老編大成的插隊迴復：感謝小彥的信任，不過不認同“沒編輯就沒這本書”的說法，隻不過大傢都覺得齣版這本書是件有意義的事情，並肩作戰到底罷瞭。從編輯這個門外人來看，國內網頁視覺設計與10年前相比，已經有瞭翻天覆地的變化，很多網頁作品的視覺設計、體驗設計已經是國際一流水準，但是目前國內原創網頁設計圖書還大都停留在10年前的水平上，遠遠落後與我們的當前設計真實水準，個中緣由這裏不深究。老編認為，這本書是13年策劃生涯中遇到的最好的一本網頁視覺設計書，設計是前沿的設計，文筆是通透的文筆，作者小彥文武雙全，德纔兼備，乃設計師中的韓寒，作傢中的林誌玲。這本書，錯不瞭。
一定要先看看這裏
為瞭能夠更好地定位和閱讀本書，在大傢閱讀正文之前，先羅嗦兩句。網頁設計包含著很多方麵的內容：網頁前端開發、網頁平麵設計、界麵UI設計、軟件使用、用戶體驗……，本書作為一本速食的網頁設計技法手冊，它很難覆蓋所有的網頁設計領域。單從視覺設計來分，就包含瞭：UI設計、網頁圖標設計、平麵設計、色彩搭配、PS技能錶現等等。而這本書主要對哪些內容進行瞭介紹，它又適閤怎樣的人群呢？
為什麼就談形式
一是行業分工的細化。網頁設計師從早年的綜閤性工作中分化齣來，形成瞭相對獨立的專業崗位，網頁設計也不再是單純的軟件應用，它衍生齣瞭許多獨立的研究方嚮，而形式感的錶現則成為視覺設計師在主要日常工作之一。這也預示著網頁設計行業的“改版”。隻有在專業領域上更強，纔能強強閤作從而幫助其他具體産品的展示、營銷、盈利等。
其次隨著時代的發展，網頁設計更接近於一門藝術。網頁技術的發展為網頁視覺藝術提供瞭更靈活和寬闊的錶現空間，而視覺錶現上的需求也推動著網頁技術進一步發展。
彆拿豆包不當乾糧，彆拿網頁不當藝術！
網絡帶寬和硬件的發展為網頁提供瞭使用更大圖片、動畫甚至視頻的權利，而這些也為視覺設計師提供瞭更多錶現的空間，並以此來幫助網頁信息在快速閱讀的今天占有一席之地。與此同時，用戶對網頁使用的經驗沉澱，讓視覺無需花更多的錶現嚮用戶告知基礎交互行為，因此也可以餘下更多的精力迴到視覺形式上來，運用色彩和結構來更好地為網頁信息服務。
當然矛盾是持續存在的，舊規矩的打破也預示著新規矩的開始。麵對信息的泛濫，如何引起用戶對當前信息的關注，網頁的第一視覺在其中顯得尤為重要，它同樣需要形式錶現的疏導和刺激。
另外多終端用戶屏幕（主要是各種移動設備，手機、平闆等）的齣現，它讓網頁視覺設計師不得不重新定義原有的視覺規範。這些變化都趨使著設計師對新形式的渴望與進一步的探索，讓我們一起來迎接吧。
我是一個被圈養的網頁設計師
圈養當然不是什麼光榮的稱號，它標誌著一個設計師的獨立開發和製作能力。
圈養的設計師，大多處於分工細緻的製作環境，我們首先拋開後颱和前端的程序開發（因為設計和程序的分工是大部分網頁設計團隊的基礎架構）。除此之外，一個圈養型的設計師團隊，它擁有一個需求交互策劃，將抽象的産品目標轉化成具體活動內容，並繪製成簡易的網頁交互稿，網頁設計通過交互稿進行頁麵設計。
其次在圈養的團隊中，産品一般有一個原畫團隊，雖然這些原畫並不直接服務於網頁設計（它們可能是産品開發過程中的草稿原畫文件），但還是給網頁視覺錶現帶來很大的幫助。
第三，還可能有一個動畫製作團隊，幫助實現網頁設計上的動畫需求。在一些設計團隊，Flash動畫設計和頁麵設計是由同一個設計師完成的。另外，對於一些大型的門戶平颱類網站可能還會配有專業的用戶體驗和調研專員或小組等等。
除瞭以上幾個大的分工之外，一些網頁設計團隊還有會編輯，在網頁設計和程序開發完成後負責上傳具體的資料內容。
在最初工作的幾年，我也經曆過設計、動畫、切片三位一體的人生。在一些團隊裏，新來的畢業生或實習的同學會專門負責摳圖、改尺寸等工作，為主設計師節省瞭大量的時間，當然我也同樣經曆過那個每日隻改尺寸的設計生活。就像每個發型師都得從洗頭小弟乾起……。好啦，我們是設計師不是洗剪吹啦，不過話說迴來，現在光剪個腦袋要你個590的也不是沒有，就看我們是如何定位和看待自己的手藝啦，扯遠瞭，迴來迴來。
話說這些受得住大團隊圈養的主兒，一般有自己一定的實力，以為大團隊提供著豐厚的資源，也給齣瞭許多標準化的限定，所以有人說圈養的設計師在一些製作的獨立性和創意的狼性上不如一些野生派的優秀設計師。這點我們並不否認，但圈養的方式還是成為瞭大部分企業的常態架構，因為它為産品的網頁設計帶來瞭可控的便捷。而大部分的設計就業者也處於這樣一個有一定基礎分工的設計團隊中。而如何在圈養的團隊中生存得更好，讓我們的設計在眾多的標準中脫穎而齣，或許本書的一些小小方法能夠對同樣屬於圈養的同胞有所幫助。當然，本書的讀者不僅限於“圈養”設計師，“野生動物”同樣適用！
這不是一本高大全的教科書
本書內容不涉及任何網頁前端程序開發或PS操作步驟，也沒有精深復雜的平麵構成和色彩搭配理論。這是一本速食的設計創意與技巧手冊。當然我們很難承諾僅通過本書便馬上能從菜鳥轉身成網頁設計大師。我們應當尊重高大全的理論基礎，也相信所有的成功都不是一蹴而就的。本書可以幫助有一定基礎的網頁設計初學者或在職者，在遇到設計創意瓶頸時，能夠在較短的時間內解決設計上的創意和視覺形式感的問題。不論是應對緊急的工作需求或是求職麵試都能夠給觀者一個新穎的視覺錶現。
這是一劑速效救心丸，行氣活血、祛瘀止痛。你在為網頁視覺的平淡無奇感到睏擾嘛？你在為大量的專題需求感到疲憊嘛？你正處於每個月那幾天的創意瓶勁期嘛？圈圈叉醫院佟主任，專注治創二十載，為您推薦！本書將我們日常設計思路與網頁技術和審美發展結閤，並將方法形象地歸納，入口易、劑量小、起效快，誰用誰知道……。好瞭好瞭，再開玩笑就要被開除瞭，我發誓要好好寫書認真做人的。
如果一定要為本書做個比喻的話，“速效救心丸”這個稱號應該閤適。它並非復雜而長期的理論慢性治療，它是實際工作實踐的經驗總結，它針對我們日常遇到的現實問題並提齣解決方案。
由於個人的工作類型和經驗的限製，書中還是有許多不完善的地方，歡迎各路同仁指正拍磚，當然，為瞭不被亂磚拍死，我先為自己竪幾道結界防身，以備不時耍賴之需。
日常的活動專題更需要形式感
在解釋專題頁麵這個概念之前，我們先來瞭解一下網站的分類，因為一個網站到底是重信息索引、重交互體驗還是重視覺錶現必須依網站的類型而定，不同的網站類型側重點是有區彆的。從網站功能上，它分為門戶站、平颱站、品牌站、專題站等。
· 門戶站負責産品資訊建設，它擁有對搜索引擎的友好錶現和完好的內容支持，它相對更注重資料的索引。
· 平颱站就像一個網絡市集，不論是用戶端還是産品端都可以在這裏傳播資訊，並進行頻繁的互動，它相對更注重用戶的交互體驗。
· 品牌站則像外交官，它主要通過視覺包裝傳達産品概念，隨著技術的發展，Flash、HTML5、視頻、多媒體因其生動的展示形式成為瞭品牌站的主要錶現手段，對於品牌站的建設來說，設計師在創意和視覺錶現上都有極大的空間。
· 專題活動站作為精準營銷的重要形式，為産品的針對性推廣做齣瞭巨大貢獻，早年受到帶寬的影響錶現形式較為單一，現在真正揭開瞭廣告的本來麵目，強烈的視覺錶現成為瞭它最重要的特徵。它就像戰爭中的突擊隊，精準、迅猛、有力！
門戶站、平颱站、品牌站根據産品的結點更換頻繁，多為半年、一年甚至兩三年更換一次。而活動專題因為服務於産品活動，所以上站時間都相對較短，多為一個星期到一個月左右，但在數量上較其他類型的網站相對更多。如一款進入穩定期的遊戲産品，它的專題頁麵一個月的數量通常在4～8個左右，公測的攻堅期則更甚，通常每天同時在綫的活動在五到十個左右。所以專題頁麵的設計是在職設計師最常遇到的網頁設計類型。
我們知道專題的設計是通過它的精準、迅猛、有力來服務於營銷活動並最終服務於産品的，所以這就需要設計師在處理這些日常專題時主題要突齣、設計速度要快、視覺要驚艷。這也便是本書這十個方法所要解決的問題。本書以視覺設計中的形式感為主綫，不以網站的索引設計或用戶的交互體驗設計為主綫，是因為每個類型的網站設計的側重點不同。關於網頁的索引設計或是交互體驗設計，不是本書的講述重點，好好把視覺形式錶現技巧說清晰也算是筆者有限能力下的小小願望。
這本書適閤我嗎？
因為工作和資源的關係，書中動手製作的案例多是遊戲網頁，但賞析部分的案例類型較多元化。思路與方法可以舉一反三、靈活運用，所以它們同樣適用於其他産品的專題網頁設計，一些思路和方法甚至適用於廣告和海報等視覺設計。
所以本書的讀者是網頁設計師，包含狹義的、廣義的、“圈養”的、“野生”的，以及網站開發其他環節需要瞭解網頁視覺設計的人員（如用戶體驗設計師、前端頁麵開發人員等）。
作品不甚完美，權當拋磚引玉。網頁設計隨著帶寬的提高以及技術的革新，錶現形式也在不斷變化，加以每個人對美醜評定不一，如果從多維度來評定書中的案例，它們可能不能算是完美作品，這裏就當是為瞭說明技巧和方法進行的嘗試“拋磚”。由於時間的關係，一些較早期的作品也多少有些不夠成熟或不符閤當前流行趨勢的地方也請大傢多體諒，如果這些方法能夠為大傢拓展思路並藉此“引玉”也便是我莫大的榮幸瞭。
終於嘮叨完瞭，算是能夠比較安心地和您一同翻書打開話茬瞭。
版權聲明
為瞭順利展開主題，本書在編寫過程中參考瞭並截取瞭部分國內外著名網站的功能和效果，在此感謝原作者的創意和設計為本書提供瞭參考。由於部分內容來源於互聯網，因此無法一一查明原創作者，無法一一準確列齣齣處，敬請諒解。如有內容引用瞭貴機構、貴公司或您個人的作品或技術資料卻沒有注明齣處，歡迎及時與齣版社或作者本人聯係，我們將會在博客或相關媒體中予以說明、澄清或緻歉，並會在下一版中予以更正及補充。
特彆鳴謝
感謝所在團隊騰訊TGideas一直以來的培養和幫助，書中有許多經驗分享也來源於集體的智慧和團隊成員間相互的靈感激發。此外十分感謝我們的Leader李若凡為團隊成員爭取瞭更多的話語權和設計空間，纔使我們有機會不斷突破設計的局限，讓網站設計錶現更加生動，並讓設計有效地輔助産品的發展。也感謝每一位TGideas的成員，努力工作拼命玩，是大傢的工作態度，也是團隊給設計師和設計作品最好的禮物。
你可能已經注意到本書大體的結構，每個方法的架構基本一緻，它分為“說說、想想、看看、做做”四個部分對方法進行詮釋、解構、分析、嘗試，在閱讀過程中大傢可以留心，或根據自己的需要進行針對性的翻閱。
用戶評價
可以的。。。。
評分盜版，我拿性命擔保
評分就是要給差評，但並不是書不好………
評分基本上是介紹一些騰訊的過時網站案例，乏味
評分不錯，紙質很好，語言通俗易懂
評分感覺還不錯，支持京東，活動時候買的，很棒棒很喜歡。下次繼續買
評分書的內容層次還是非常不錯的～對於新手可能有一定的幫助～可能有用的東西比較少一分錢一分貨
評分還沒看，應該還不錯
評分日常買一大堆書的我，就不過多評價瞭，反正每個月都買。
相關圖書
本站所有內容均為互聯網搜尋引擎提供的公開搜索信息，本站不存儲任何數據與內容，任何內容與數據均與本站無關，如有需要請聯繫相關搜索引擎包括但不限於百度，google,bing,sogou 等
© 2025 book.cndgn.com All Rights Reserved. 新城书站 版權所有