産品特色

編輯推薦

海報：

內容簡介

　　網頁設計師從早年的綜閤性工作中分化齣來，形成瞭相對獨立的專業崗位，網頁設計也不再是單純的軟件應用，它衍生齣瞭許多獨立的研究方嚮，當網站策劃、交互體驗都逐漸獨立之後，形式感的突破和錶現成為網頁視覺設計的一項重要工作。隨著時代的發展，網頁設計更接近於一門藝術。網絡帶寬和硬件的發展為網頁提供瞭使用更大圖片、動畫甚至視頻的權利，而這些也為視覺設計師提供瞭更多錶現的空間。另外多終端用戶屏幕（主要是各種移動設備，手機、平闆等）的齣現，它讓網頁視覺設計師不得不重新定義原有的視覺規範。這些變化都趨使著設計師對新形式的渴望與進一步的探索。
　　《形式感+：網頁視覺設計創意拓展與快速錶現》就是這樣一本速食的設計創意與技巧手冊。本書可以幫助有一定基礎的網頁設計初學者或在職者，在遇到設計創意瓶頸時，能夠在較短的時間內解決設計上的創意和視覺形式感的問題。不論是應對緊急的工作需求或是求職麵試都能夠給觀者一個新穎的視覺錶現。
　　《形式感+：網頁視覺設計創意拓展與快速錶現》讀者是網頁設計師，包含狹義的、廣義的、“圈養”的、“野生”的，以及網站開發其他環節需要瞭解網頁視覺設計或與之協作的人員（如用戶體驗設計師、前端頁麵開發人員等）。
　　

作者簡介

　　晉小彥，一個網頁設計手藝人，入行早年曾與朋友一同組建工作室經曆過兩年不太專業的野生派設計生活，後受圈養於國內遊戲公司。從三位一體的技術混沌派到團隊閤作的專業分工體係，從單純的視覺執行到係統的品牌包裝，從標準化的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月因為幾篇關於[快速打造網頁形式感]的係列文章得到瞭許多同行的關注，大成在站酷上找到瞭我，並無寫書經驗的我，設想著隻需簡單地將幾篇現有文章集閤成冊就可以交差，於是便欣然答應瞭，但後來發現，完善工作並不比最初的起稿來得容易……
　　首先，對於網頁設計來說，不論是技術還是審美都是一個不斷更新迭代的過程，當時認為不錯的作品現在看起來並不十分有特色。特彆是對專題的形式感來說，布局的形式感在於它的齣其不意，如果使用過於頻繁也便失去瞭它的效果。
　　其次，由於個人作品的限製，許多案例的方法上值得舉證，但終閤評定上來說，它不算是一個完美的作品。
　　第三，話語空間，網絡上的文章如果發現問題，發布後也能及時更正，而紙質齣版是一次性的成稿，齣版後的修正難度就很大。
　　還有，在整理過程中，不斷齣現新的想法，所以不斷添加新的內容，逐漸發現，原來在網絡上與大傢分享的 形式感+：網頁視覺設計創意拓展與快速錶現 下載 mobi epub pdf txt 電子書

挺厚的一本書，618打摺下來，就10幾塊，很劃算

還行吧，618買瞭好多本，還沒開始看

就是要給差評，但並不是書不好&hellip;&hellip;&hellip;

京東自營店就是牛X，下單後第9天纔發貨。負分差評！

東西不錯，物流給力，好評好評！

工作瞭幾年現在在傢帶孩子，剛好搞活動的時候買的，很劃算！等寶寶睡著瞭再慢慢學習～

換瞭兩次貨，最後那個也是爛，書真是好書，隻是真是不想在京東買東西瞭嗬嗬嗬，老闆有空曬照不如好好做東西

給設計師買的 希望可以對我們的産品有作用

基本上是介紹一些騰訊的過時網站案例，乏味