CHAPTER 01 準備階段

1.1 操作準備

1.1.1 必備的硬件和軟件

作為一名專業從事網頁設計的設計師或設計開發愛好者，需要配備基本的硬件和軟件，如表1-1所示。

建議大家在學習本書時邊學習邊使用電腦（計算機，俗稱電腦），否則最終效果可能不理想。筆者比較喜歡Adobe系列的軟件，本書都是基于Adobe軟件進行講解。也有其他用于設計和開發的工具，大家根據個人情況選用軟件即可，本書所講解的思維方式和設計方法可以通用。

1.1.2 工作環境

這里所說的環境既是一個具象的概念，也是一個抽象的概念。環境對于一個人的影響是很大的，筆者認為從事網頁設計的環境包含了以下方面。

· 工作環境：你所在的公司，或你辦公的硬件設施條件，是否能夠滿足你正常的工作、休息、鍛煉、餐飲、娛樂、精神等需求。

· 行業市場環境：你所在的國家和城市對于網頁設計的用戶需求，以及網頁設計的市場份額、技術需求、人才需求、人才分布、就業狀況、失業、跳槽等狀況對你的職業規劃產生的影響。

· 版權意識：你所在的國家和城市的不同人群對版權、對創作者勞動成果、對產品許可證等的認知和尊重程度甚至會直接影響你的設計質量、素材來源和從業心態。

· 購買環境：網頁設計細分領域（界面設計、前后端開發、服務器、空間域名、云計算、SEO、后期維護等）的性價比、供求量、轉化率情況對你的決策、發展方向、生存現狀可能產生影響。

· 團隊：團隊內部人員之間的協作、社交、分享、競爭等一系列人與人之間的問題可能會給你帶來困惑。

· 公司文化：一個企業在經營發展過程中可能會對員工、產品、團隊、市場、行業產生的利弊。

1.1.3 知識儲備

當然還存在其他影響你從事網頁設計的因素，它們都會對你的學習工作和生活造成很多影響，甚至涉及你未來的職業選擇。

如果你所處的環境比較差，不要灰心，你可以想辦法為自己創造較為良好的環境，以更好地學習和工作。總之，任何人都不要小看周圍環境對自己的長期影響。

其實網頁設計這一行業在全球的受歡迎程度是很高的?？赡苣闶浅鯇W者，可能你不知道如何設計好網站，因此你需要深入了解網頁設計的項目準備工作，這也是進一步學習本書而需要具備的知識儲備，可以幫助你更好地消化內容，提高你的網頁設計技巧。

在這個行業，你不一定要知道一門編程語言。當然，如果你有能力學習掌握一門或多門編程語言，就能夠更好地設計一個網站、把控一個項目，更好地處理協作問題?；ヂ摼W已經是一個多元化行業，無論是UI還是Web，行業本身已經多元化，對從業者的能力要求只會越來越高，競爭只會越來越激烈。本書專注界面設計，下面列出的是一些與網頁界面設計密切相關的知識，由于體系龐大，這里只是點到為止，作為大家預熱和思考的切入點。

· 學習目的：學習網頁界面設計是為了工作、興趣愛好或副業，還是作為其他行業的輔助工具？

· 軟件工具：熟悉并掌握各種軟件，是否就能做出漂亮的、有商業價值的網頁界面？你是否了解軟件之間如何協作、如何更好地提高設計質量和效率？

· 編程語言：是否需要學習HTML、CSS、JavaScript、jQuery、XML、PHP等編程語言？如何規劃學習時間？如果只是單純UI設計，如何與開發人員協作？設計過程中如何降低返工率？

· 用戶體驗：這是一個很抽象的概念。設計過程看似簡單，其實很復雜?？此茝碗s，其實也沒有那么復雜。你的設計所面對的用戶群體是哪些？是否能讓用戶喜歡？是否能讓用戶正常、方便地使用？你是用什么樣的方式傳達你的設計思想？你的設計如何表現細節，如何從細節上提升用戶體驗？這些都是用戶體驗需要考慮的問題。

· 交互設計：這也許是一個更加抽象的概念。你是否能理解用戶與你的設計之間的關聯？交互設計過程中的用戶體驗因素如何影響你的行為？如何衡量自己設計的產品的界面美觀程度、功能、可用性、情感等因素？

· 移動網頁：是否能夠理解APP和Web語言的關系？是否能分清響應式設計和自適應設計？如何設計移動網站界面？響應式網站的必要性和市場需求是怎樣的？

· 運營推廣：個人網站、企業網站、產品網站分別是如何運營和推廣的？你的設計的商業價值何在？假如沒有商業價值，如何去轉化？作為公司或個人，在處理設計時的流程和態度，會有什么不同和可能性？

前面提到的知識大多比較抽象，筆者只列出了一部分經常會思考的問題，為大家提供一個思考的方向。這是一個非常漫長的積累過程，它們和界面設計、整個網頁設計領域，甚至跨領域，都是息息相關的。重要的是我們應該如何思考，如何利用搜索引擎和相關圖書解決這些問題。本書會有少量內容涉及這些比較抽象的問題，由于它們涉及的知識體系非常龐大，也沒有必要在本書中著重講解。利用每一個知識點，都可以編寫出一本甚至多本專業圖書，如果大家對這些知識的深入研究感興趣，可以利用其他渠道專門學習。