推薦幾本網(wǎng)頁(yè)設(shè)計(jì)和UI設(shè)計(jì)的書(shū)？

時(shí)間：2022-07-28 23:27:01 | 來(lái)源：網(wǎng)站運(yùn)營(yíng)

時(shí)間：2022-07-28 23:27:01 來(lái)源：網(wǎng)站運(yùn)營(yíng)

2018年，你不能錯(cuò)過(guò)的8本W(wǎng)eb設(shè)計(jì)書(shū)籍推薦

俗話說(shuō)，“問(wèn)渠那得清如許，為有源頭活水來(lái)”，不可否認(rèn)地看書(shū)是學(xué)習(xí)網(wǎng)頁(yè)設(shè)計(jì)中，必不可少且最為有效的途徑之一。市面上有很多設(shè)計(jì)經(jīng)典之作，比如《寫(xiě)給大家看的設(shè)計(jì)書(shū)》，通過(guò)分類(lèi)闡述“重復(fù)、對(duì)齊、對(duì)比、親密性”四個(gè)設(shè)計(jì)準(zhǔn)則，將原本晦澀難懂的設(shè)計(jì)理論變得具體、清晰、可操作。小編在這里也整理了類(lèi)似實(shí)用的網(wǎng)頁(yè)設(shè)計(jì)經(jīng)典書(shū)籍，并且歸納為：版式設(shè)計(jì)、配色設(shè)計(jì)、字體設(shè)計(jì)、設(shè)計(jì)人文等。話不多說(shuō)，一起來(lái)看看吧。




設(shè)計(jì)入門(mén)類(lèi)




1.《點(diǎn)石成金：訪客至上的網(wǎng)頁(yè)設(shè)計(jì)秘笈》




作者：Steve Krug

推薦指數(shù)：★★★★★







可用性設(shè)計(jì)是Web設(shè)計(jì)中重要但也有難度的一項(xiàng)任務(wù)。本書(shū)從可用性測(cè)試、用戶使用行為及心理、主頁(yè)布局及導(dǎo)航設(shè)計(jì)等方面，都提出了許多獨(dú)特的講解。書(shū)中穿插大量色彩豐富的屏幕截圖、趣味叢生的卡通插圖以及很多圖表信息，讓枯燥的設(shè)計(jì)原理更加平易近人。適合Web設(shè)計(jì)和Web開(kāi)發(fā)人員的閱讀。




2.《界面設(shè)計(jì)模式》




作者：Jenifer Tidwell

推薦指數(shù)：★★★★







該書(shū)作者既是一名交互設(shè)計(jì)師，也是一名軟件工程師，有著扎實(shí)深厚的研究功底。本書(shū)是很好的Web設(shè)計(jì)入門(mén)書(shū)籍，按照設(shè)計(jì)進(jìn)程的大致順序，細(xì)致地梳理了交互設(shè)計(jì)中的模式，且每個(gè)模式都至少有一個(gè)范例，又方便初學(xué)者迅速理解并上手。在它的第二版中， 又新增了社交媒體、移動(dòng)設(shè)計(jì)的內(nèi)容，切合當(dāng)下的技術(shù)發(fā)展潮流。




前端網(wǎng)頁(yè)類(lèi)




3.《響應(yīng)式Web設(shè)計(jì)：HTML5和CSS3實(shí)戰(zhàn)》




作者：Ben Frain

推薦指數(shù)：★★★★







作為未來(lái)網(wǎng)頁(yè)設(shè)計(jì)領(lǐng)域的主要潮流，響應(yīng)式可以說(shuō)已經(jīng)逐漸取代現(xiàn)在的DIV+CSS設(shè)計(jì)。這本《響應(yīng)式設(shè)計(jì)：HTML5和CSS3實(shí)戰(zhàn)》可能是目前最好的關(guān)于響應(yīng)式Web設(shè)計(jì)的書(shū)籍，主要介紹有以下幾方面的內(nèi)容：




? 響應(yīng)式Web設(shè)計(jì)

? CSS3選擇器

? 流式布局

? 使用HTML5與CSS3的表單設(shè)計(jì)

? 跨瀏覽器解決方案




版式設(shè)計(jì)類(lèi)




4.《平面設(shè)計(jì)中的網(wǎng)格系統(tǒng)》




作者：Josef Müller-Brockmann

推薦指數(shù)：★★★★★







網(wǎng)格設(shè)計(jì)可以說(shuō)，是一個(gè)平面設(shè)計(jì)師應(yīng)該擁有的設(shè)計(jì)意識(shí)和能力。這本由“瑞士平面設(shè)計(jì)先驅(qū)”約瑟夫米勒撰寫(xiě)的書(shū)，被譽(yù)為西方經(jīng)典設(shè)計(jì)著作，其中完整闡述了網(wǎng)格系統(tǒng)理論和設(shè)計(jì)理念。




5.《超越平凡的平面設(shè)計(jì):怎樣做好版式》




作者：John McWade

推薦指數(shù)：★★★★







美國(guó)著名平面設(shè)計(jì)師John McWade在書(shū)中，既全面講解了平面設(shè)計(jì)的基本知識(shí)，又分享了實(shí)用的設(shè)計(jì)方法和技巧，并配以許多完整的設(shè)計(jì)案例，幫助你做出優(yōu)雅且實(shí)用的版面。




配色設(shè)計(jì)類(lèi)




6.《配色設(shè)計(jì)原理》




作者：日本奧博斯科編輯部

推薦指數(shù)：★★★★★







這本書(shū)通過(guò)簡(jiǎn)單易懂的示例作品，逐條講解了不可背離的配色理論。此外，介紹了理論無(wú)法適用時(shí)應(yīng)對(duì)的配色設(shè)計(jì)方法，并且講解了色彩知識(shí)和易用的PS激發(fā)，簡(jiǎn)明易懂。




字體設(shè)計(jì)類(lèi)




7.《西文字體》




作者：小林章

推薦指數(shù)：★★★★







這本書(shū)從亞洲人的視角，告訴我們應(yīng)該如何正確使用西文字體，以便徹底掌握經(jīng)典款西文字體。本書(shū)分別從“字母的形成”、“認(rèn)識(shí)西文字體”、“西文字體的選擇”、“玩味西文字體”、“西文字體制作”等方面，細(xì)致講解了西文字體的發(fā)展背景以及鑒別方式。




設(shè)計(jì)人文類(lèi)




8.《設(shè)計(jì)師要懂心理學(xué)》




作者：Susan Weinschenk

推薦指數(shù)：★★★★







這本書(shū)出自國(guó)際知名設(shè)計(jì)心理學(xué)博士Susan Weinschenk之手，討論并解答了設(shè)計(jì)師必須了解的100個(gè)心理學(xué)問(wèn)題。每個(gè)問(wèn)題都配以示例、并給出即學(xué)即用的設(shè)計(jì)建議，讓我們能輕松理解設(shè)計(jì)背后的心理學(xué)冬季。包含的內(nèi)容有：




? 人如何觀察

? 人如何記憶

? 人如何思考

? 人如何決策




網(wǎng)頁(yè)設(shè)計(jì)工具推薦




工欲善其事，必先利其器，對(duì)于設(shè)計(jì)師而言尤其如此。毋庸置疑，好的工具對(duì)于整個(gè)設(shè)計(jì)的加成是有很明顯的幫助效果。同時(shí)，不同的工具配合不同的設(shè)計(jì)流程及設(shè)計(jì)對(duì)象，對(duì)于最終效果和效率的提升都有很大的影響。這里也羅列了幾款實(shí)用簡(jiǎn)單的軟件和工具，不妨看看。




Mockplus — 更快、更簡(jiǎn)單的原型設(shè)計(jì)工具，提供有大量精美的設(shè)計(jì)模板，包括：網(wǎng)頁(yè)、手機(jī)APP、平板燈，支持創(chuàng)建網(wǎng)頁(yè)項(xiàng)目。鼠標(biāo)拖拽、最快5分鐘創(chuàng)建可交互的原型，團(tuán)隊(duì)協(xié)作省事省時(shí)。最近發(fā)布了一款設(shè)計(jì)協(xié)作平臺(tái)Mockplus X，進(jìn)一步提高軟件團(tuán)隊(duì)溝通及開(kāi)發(fā)效率，值得一試。







PSD2HTML — 高端的設(shè)計(jì)格式轉(zhuǎn)換工具，能將我們?cè)O(shè)計(jì)的PSD文檔轉(zhuǎn)換為HTML/CSS代碼，甚至為WordPress主題或網(wǎng)頁(yè)模板。它基于網(wǎng)頁(yè)端，讓我們將設(shè)計(jì)快速轉(zhuǎn)為實(shí)際可用的頁(yè)面、甚至產(chǎn)品。







Photoshop — 入門(mén)必須掌握的基礎(chǔ)軟件，可以說(shuō)頁(yè)面的美觀很大程度上依賴(lài)于PS的制作效果圖設(shè)計(jì)如何。







結(jié)尾




以上是強(qiáng)力推薦大家閱讀的Web設(shè)計(jì)相關(guān)的書(shū)籍，我們不難發(fā)現(xiàn)好書(shū)往往是通俗易懂、便于指導(dǎo)我們實(shí)踐的！同樣的道理也適用于挑選一款合適的設(shè)計(jì)工具，但只有最適合的、才是最好的。希望以上內(nèi)容對(duì)你有所幫助。

文末福利~

最后，給各位設(shè)計(jì)師大大推薦我們團(tuán)隊(duì)開(kāi)發(fā)的設(shè)計(jì)協(xié)作神器。

用設(shè)計(jì)協(xié)作神器-摹客iDoc，設(shè)計(jì)師交付作品更輕松：

• 完成設(shè)計(jì)一鍵上傳，標(biāo)注和切圖自動(dòng)生成；
• 支持Sketch、PS、XD的設(shè)計(jì)原稿和設(shè)計(jì)圖；
• 全貌畫(huà)板展示流程，頁(yè)面任務(wù)完成度一目了然；
• 設(shè)計(jì)規(guī)范自動(dòng)采樣生成，還可分類(lèi)管理、同步應(yīng)用、一鍵導(dǎo)出設(shè)計(jì)風(fēng)格指南。

官網(wǎng)：摹客iDoc，更快更簡(jiǎn)單的產(chǎn)品設(shè)計(jì)協(xié)同軟件

【福利】戳這里免費(fèi)領(lǐng)取團(tuán)隊(duì)版：團(tuán)隊(duì)版領(lǐng)取

相關(guān)閱讀：

5分鐘玩轉(zhuǎn)摹客設(shè)計(jì)系統(tǒng)

反面教材，這9個(gè)糟糕的網(wǎng)頁(yè)設(shè)計(jì)實(shí)例引以為戒

設(shè)計(jì)類(lèi)網(wǎng)站的“聯(lián)系我們”頁(yè)面設(shè)計(jì)盤(pán)點(diǎn)

干貨！2018年你值得一看的網(wǎng)頁(yè)設(shè)計(jì)作品集賞析

網(wǎng)頁(yè)設(shè)計(jì)有難題？12款網(wǎng)頁(yè)設(shè)計(jì)模板給你靈感！

極簡(jiǎn)網(wǎng)頁(yè)設(shè)計(jì)技巧，打造簡(jiǎn)約之美

進(jìn)階學(xué)習(xí)，如何無(wú)代碼設(shè)計(jì)一款美觀且實(shí)用的網(wǎng)站？

網(wǎng)站著陸頁(yè)設(shè)計(jì)，讓用戶開(kāi)心著陸的10大技巧！

網(wǎng)站設(shè)計(jì)缺乏創(chuàng)意？視差滾動(dòng)網(wǎng)站設(shè)計(jì)讓你與眾不同

收集網(wǎng)站用戶反饋的5個(gè)常用問(wèn)題

這9款小眾時(shí)尚的酒店網(wǎng)站設(shè)計(jì)，讓你不再戀家

時(shí)尚的不僅僅是它們的服裝，還有它們的網(wǎng)站設(shè)計(jì)

10個(gè)最新交互式Web設(shè)計(jì)實(shí)例欣賞

---