網頁設計師從早年的綜合性工作中分化出來,形成了相對獨立的專業崗位,網頁設計也不再是單純的軟件應用,它衍生出了許多獨立的研究方向,當網站策劃、交互體驗都逐漸獨立之后,形式感的突破和表現成為網頁視覺設計的一項重要工作。隨著時代的發展,網頁設計更接近于一門藝術。網絡帶寬和硬件的發展為網頁提供了使用更大圖片、動畫甚至視頻的權利,而這些也為視覺設計師提供了更多表現的空間。另外多終端用戶屏幕(主要是各種移動設備,手機、平板等)的出現,它讓網頁視覺設計師不得不重新定義原有的視覺規范。這些變化都趨使著設計師對新形式的渴望與進一步的探索。
本書就是這樣一本速食的設計創意與技巧手冊。本書可以幫助有一定基礎的網頁設計初學者或在職者,在遇到設計創意瓶頸時,能夠在較短的時間內解決設計上的創意和視覺形式感的問題。不論是應對緊急的工作需求或是求職面試都能夠給觀者一個新穎的視覺表現。
本書讀者是網頁設計師,包含狹義的、廣義的、“圈養”的、“野生”的,以及網站開發其他環節需要了解網頁視覺設計或與之協作的人員(如用戶體驗設計師、前端頁面開發人員等)。
網頁設計圖書還大都停留在10年前的水平上,遠遠落后與我們的當前設計真實水準,個中緣由這里不深究。老編認為,這本書是13年策劃生涯中遇到的好的一本網頁視覺設計書,設計是前沿的設計,文筆是通透的文筆,作者小彥文武雙全,德才兼備,乃設計師中的韓寒,作家中的林志玲。這本書,錯不了。
清華大學出版社 欒大成
推薦購買:
網站藍圖--Axure RP高保真網頁原型制作(配光盤)(高效、低成本制作足以亂真的網站模型!)
Dreamweaver ASP網站創建課堂實錄(配光盤)(課堂實錄)(Dreamweaver網頁設計與網站建設初學者入門,訂制視頻教學讓你在家享受專業級課堂式培訓)
Dreamweaver CS6網頁設計與網站建設課堂實錄(配光盤)(課堂實錄)(Dreamweaver網頁設計與網站建設初學者入門,訂制視頻教學讓你在家享受專業級課堂式培訓)
Dreamweaver Photoshop Flash網頁設計課堂實錄(配光盤)(課堂實錄)(Dreamweaver Photoshop Flash網頁設計初學者入門,訂制視頻教學讓你在家享受專業級課堂式培訓
晉小彥
一個網頁設計手藝人,入行早年曾與朋友一同組建工作室經歷過兩年不太專業的野生派設計生活,后受圈養于國內游戲公司。從三位一體的技術混沌派到團隊合作的專業分工體系,從單純的視覺執行到系統的品牌包裝,從標準化的PC端網頁到多樣化的移動設備網頁,經歷了不同時期不同形式的網頁視覺變化,至今仍然執迷不悟的駐足于網頁設計陣營,始終關注網頁形式變化,未曾改嫁。在這六年的網頁設計工作中積累了一些值得分享的經驗,部分文章在網絡上獲得了設計同行的認可和大量轉發。現受圈于騰訊游戲官方設計團隊TGideas 任高級視覺設計師。
01 超現實(就是抄襲現實中的物體)
02 園、方、三角(童年的七巧板也能給我們設計的靈感)
03 斷臂手術(因為殘缺而擁有了令人震撼的美)
04 欲擒故縱(內容多也能看起來很簡潔)
05 乾坤大挪移(歪腦袋看世界果然與眾不同)
06 雜志化版式(消除設計邊界向雜志版式學習)
07 寬屏大視野(不做1000小切糕還給寬屏大視野)
08 文字衣櫥(是時候收拾一下那長篇大論的文字了)
09 你看起來很好吃(挑動厭食寶寶們的食欲)
10 釘釘鉚鉚(小裝飾的正能量不容忽視)
附錄A 一個視覺設計師的職業世界觀
附錄B 網站建設新元年的設計趨勢
附錄C 設計中的“好有愛”
序
形式感,這個說法在近兩年的網頁視覺設計圈子中大概是最常出現的詞匯之一。
關于這個書名,許多朋友談起時會說,是否帶有一些形式主義、形式化的貶意色彩,感受上相對偏主觀。就“形式感”這個詞的本意來說,它的確是由主觀意識出發的設計表現,然而任何一種輸出和表達都是經過個人的意識和知識梳理形成的,從一定意義上講,不論是談形式設計還是談體驗設計,其實都是根據主觀認識造就而最終輸出的形式表現,不同的只是正確的形式和不夠正確的形式。
何謂正確的形式,如何能更接近正確的形式?專業的網頁視覺形式關聯了整體營銷的需要、信息內容的傳達和網頁技術的更新以及審美標準的變化。書中的幾個方法論綜合了這些基礎要素,并將其通過易理解可操作的表達方式進行整理輸出。因此,“形式感”做為視覺評定的及時感受,它在一定程度上涵蓋了上述影響視覺呈現的幾大要點,也逐漸成為了設計師們在日常工作交流中的常用詞匯。序
形式感,這個說法在近兩年的網頁視覺設計圈子中大概是最常出現的詞匯之一。
關于這個書名,許多朋友談起時會說,是否帶有一些形式主義、形式化的貶意色彩,感受上相對偏主觀。就“形式感”這個詞的本意來說,它的確是由主觀意識出發的設計表現,然而任何一種輸出和表達都是經過個人的意識和知識梳理形成的,從一定意義上講,不論是談形式設計還是談體驗設計,其實都是根據主觀認識造就而最終輸出的形式表現,不同的只是正確的形式和不夠正確的形式。
何謂正確的形式,如何能更接近正確的形式?專業的網頁視覺形式關聯了整體營銷的需要、信息內容的傳達和網頁技術的更新以及審美標準的變化。書中的幾個方法論綜合了這些基礎要素,并將其通過易理解可操作的表達方式進行整理輸出。因此,“形式感”做為視覺評定的及時感受,它在一定程度上涵蓋了上述影響視覺呈現的幾大要點,也逐漸成為了設計師們在日常工作交流中的常用詞匯。
“形式感”一詞的廣泛使用在另一方面是基于網頁設計專業化分工的,網頁設計在最初類計算機學科的基礎上延伸出了它獨有的藝術性、體驗性、互動性等專業體系。它伴隨著“網頁視覺設計師”這一職業稱謂成為了藝術類分支中最常使用到的溝通詞匯。從一定意義上講,網頁視覺“形式感”的出現也標志著網頁視覺設計的進一步專業化。與此同時,我們也期待著網頁視覺設計在整個網絡化的浪潮中有更多的、驚艷的形式表現。
記得在兩年前,我們的設計作品在游戲行業內具備了一定的影響力,因為行業屬性的緣故,關注用戶體驗的同時,團隊在形式感打造方面經常有出色的內容產出,欣喜之余,也開始考慮如何能把這些出色的設計經驗沉淀下來,形成方法論,長久、良性的支持團隊工作,同時進一步提升團隊效率。
帶著這個目的,便拉上團隊骨干小彥一起探討這個問題,讓人驚訝的是,小彥針對形式感打造方法的計劃早已啟動,并已經具備了一些可行的設計方法歸納,于是我們利用兩個月的時間,進行反復的碰撞,收集了大量行業資料,并結合實戰項目,完成了打造形式感課程的內部開發,后來成為了團隊的招牌課程,獲得了騰訊學院、互動娛樂事業群學習組織、騰訊設計通道等組織頒發的課程獎。這些方法吸收并結合了攝影、建筑、繪畫等知識,將常見的形式感打造方法用深入淺出的方式進行了說明。使得游戲運營、策劃、美術相關工作人員都能夠簡單有效的理解設計方法。部分技巧在互聯網后,也受到很多相關從業人員的學習和認可。
得知這些方法會成為紙質書出版后,很感激出版社對于我們專業能力的認可,更感謝這其中的關鍵角色小彥,能夠在方法沉淀的過程中,針對其內容進行反復的迭代與優化,并追求盡善盡美的專業態度。
設計是一門需要手腦并用的學科,沒有深刻的洞察和理論支撐,僅單純的追求視覺效果會顯得如此淺薄,其奧義在于真正投入的思考與執行,這是大前研一所強調的不斷學習,不斷思考,不斷總結的專業主義精神,也正式設計工作獨特的魅力所在之處。
——騰訊游戲官方設計團隊TGideas 設計總監 李若凡
2013年11月6日
這幾天花了點時間看完了《形式感 》這本書 ,這是一本關于網頁設計的教程,一本別具一格風格的教程書籍,拋棄死板的教材模式,而以一種輕松愉快地方式講解網頁設計理論、方法與案例,有一種吸引力使我看下去,講解新意,更能貼近觀看者想要獲取的方法、知識點,而不是單單的闡述某種理論,此書值得一看。這劑網頁設計的“速效救心丸”確實能在你創意枯竭、審美疲勞、設計瓶頸的時候好好的補上一口回神氣。像帝都霧霾天出現的一股清風,魔都排骨湯時期手握的一支純凈水。當身為網頁設計師的你陷身于無的放矢的苦惱中,請翻翻這本書,也許會產生頭腦風暴,也許就能把雜亂的思緒理順,總之相信你確實會收獲不小。
現在的網頁設計水準較10年前已經是翻天覆地的變化,作者謙虛的作風并不影響他將這些知識宣揚給更多人,可以說此書是造福的,為那些投身于這個科技橫行的行業的行者們造福。相比較現在的網頁設計水準,針對網頁設計的教科書遠遠跟不上腳步,然而正缺少像作者這樣,用平實的言語,調理得當的順序,貼近時代的案例,生動的演繹了一場網頁設計的藝術制造。它也許不會讓你閱讀完立刻成為網頁設計的大師,這里也沒有嚴肅的教科書理論,沒有條條框框的要求。但作者從說、想、看、做這幾點出發,通過生動的舉例比擬,圈畫了一張通向成功的網頁設計的地圖,讓讀者在這條道路上走得踏實,眼前盡是明媚光景,心情暢爽且腳下生風,一步步走得安穩妥當,既有有柳暗花明又一村的驚喜,更有停車坐愛楓林晚的愜意。
這本書主要講的是快速做游戲專題頁面的,方法很實用,可以舉一反三的運動到其他的地方,書挺好的,就是里面正文的字有點小了,看著吃力~
看了幾頁睡著了,哈哈 本書的前言寫的就挺不錯的,一直期待讀這本書。
還好,送人了,自己翻了下覺得還是會有幫助,好評
應該相當于應急手冊吧,關于設計還是要系統理論
書的包裝很好,內容涵蓋面很多,值得廣大設計人員閱讀學習
又是被種草的一本書,雖然還沒看,但書很厚,封裝也很好,物流給力!
老師推薦的一本書,講解了很多方法,特別實用的技巧。
非常好的一本書啊,可以多看幾遍。講了很透徹,很喜歡老師對待工作的心態,工作即是生活。
書寫的很不錯,不像一般設計師 而是讓你用什么樣的方式去創新 反復閱讀~激發新的創作靈感
好好好,學到很多新東西,作者很逗比,說話很有趣都是樣子
對作為ui的我來說,很實用的解決的工作中創意構圖的問題,好評!
內容豐富 非常棒 圖文都很豐富 不是光有圖那種
還沒看呢,是看到推薦這邊書就買了,希望對設計有幫助。
還沒開始看,紙質不錯。大致內容架構明了,共十個部分,每個部分架構一樣,能更快的了解內容。剛開始的時候,內容字體小巧精致。另外,干貨也很多哦。
蠻厚實的一本書 很早之前就想買了 但是價格原因一直沒有下去手 現在狠下心來買了 希望對自己有用 另外補一句:快遞真是快 第一天下午拍的第二天中午就到了 神速啊
這本書對于網頁初學者來說不錯的,創意也不錯非常值得去閱讀的一本書
能夠提高網頁設計的創意跟效率,很好的一本書,但是書的剪裁有瑕疵,邊邊有很多碎紙屑。。。
書的內容,排版,很不錯,主要講的是做專題的設計思路,當然也試用于網頁的banner等,主要是思維,挺不錯的,剛收到書,一會兒就看了很厚了。
主要是教你如何快速設計出有創意的網頁,而不是詳細介紹制作網頁的步驟,不過真的挺好看的~
介紹了網頁設計需要注意的事情,是很不錯的網頁設計書
將網頁資料分類陳述,有的網站資料收集型網站,將各種網站分類,給同行做參考,這個也有點這個意思,但是里面的視角不一樣,以信息的設計為出發點陳述案例,有閑錢和興趣的,可以買來看看。書籍的設計也還可以。
在家享受專業級課堂式培訓簡介【作者】 晉小彥 一個網頁設計手E藝人4,入行早年曾與朋友一同組建工作室形式感+——網頁
里面字偏小,但是排版很喜歡,簡潔明了!說的東西很讓人受啟發,是近年設計書的良心之作。其實設計除了技術外,更多的是這些概念性的,經驗知識需要補充。加上用了當當送的20元購書券,簡直劃算到家!!!!發貨神速!
之前在站酷看過部分教程,作者在形式感這個方面真的有很深的造詣,難得的是愿意分享,且說得透徹,有實操演練,雖然是做游戲頁面,但對平時做網頁尤其是專題頁的構思和設計還是很有幫助的
這本書主要就是講專題類的網頁設計方法,網頁設計師必備
如果你需要一本專注與如何快速打造網頁設計形式感的教科書,那這本別錯過。作者詳細描述了一個項目從接觸,溝通,創意想法的全過程,用不同的思維方式最終創造出精彩的頁面設計。
字小配圖模糊用戶體驗不是很好看著很費眼一會眼睛就酸了做網頁設計的不知道印刷也要看重用戶體驗嗎