書名: 破譯Web UI:網(wǎng)頁UI設(shè)計(jì)規(guī)范、流程與實(shí)戰(zhàn)案例作者名: Chuckie Chang本章字?jǐn)?shù): 6字更新時間: 2019-10-23 16:30:39
CHAPTER 01 準(zhǔn)備階段
1.1 操作準(zhǔn)備
1.1.1 必備的硬件和軟件
作為一名專業(yè)從事網(wǎng)頁設(shè)計(jì)的設(shè)計(jì)師或設(shè)計(jì)開發(fā)愛好者,需要配備基本的硬件和軟件,如表1-1所示。
表1-1 設(shè)計(jì)師必備的硬件和軟件

建議大家在學(xué)習(xí)本書時邊學(xué)習(xí)邊使用電腦(計(jì)算機(jī),俗稱電腦),否則最終效果可能不理想。筆者比較喜歡Adobe系列的軟件,本書都是基于Adobe軟件進(jìn)行講解。也有其他用于設(shè)計(jì)和開發(fā)的工具,大家根據(jù)個人情況選用軟件即可,本書所講解的思維方式和設(shè)計(jì)方法可以通用。
1.1.2 工作環(huán)境
這里所說的環(huán)境既是一個具象的概念,也是一個抽象的概念。環(huán)境對于一個人的影響是很大的,筆者認(rèn)為從事網(wǎng)頁設(shè)計(jì)的環(huán)境包含了以下方面。
· 工作環(huán)境:你所在的公司,或你辦公的硬件設(shè)施條件,是否能夠滿足你正常的工作、休息、鍛煉、餐飲、娛樂、精神等需求。
· 行業(yè)市場環(huán)境:你所在的國家和城市對于網(wǎng)頁設(shè)計(jì)的用戶需求,以及網(wǎng)頁設(shè)計(jì)的市場份額、技術(shù)需求、人才需求、人才分布、就業(yè)狀況、失業(yè)、跳槽等狀況對你的職業(yè)規(guī)劃產(chǎn)生的影響。
· 版權(quán)意識:你所在的國家和城市的不同人群對版權(quán)、對創(chuàng)作者勞動成果、對產(chǎn)品許可證等的認(rèn)知和尊重程度甚至?xí)苯佑绊懩愕脑O(shè)計(jì)質(zhì)量、素材來源和從業(yè)心態(tài)。
· 購買環(huán)境:網(wǎng)頁設(shè)計(jì)細(xì)分領(lǐng)域(界面設(shè)計(jì)、前后端開發(fā)、服務(wù)器、空間域名、云計(jì)算、SEO、后期維護(hù)等)的性價比、供求量、轉(zhuǎn)化率情況對你的決策、發(fā)展方向、生存現(xiàn)狀可能產(chǎn)生影響。
· 團(tuán)隊(duì):團(tuán)隊(duì)內(nèi)部人員之間的協(xié)作、社交、分享、競爭等一系列人與人之間的問題可能會給你帶來困惑。
· 公司文化:一個企業(yè)在經(jīng)營發(fā)展過程中可能會對員工、產(chǎn)品、團(tuán)隊(duì)、市場、行業(yè)產(chǎn)生的利弊。
1.1.3 知識儲備
當(dāng)然還存在其他影響你從事網(wǎng)頁設(shè)計(jì)的因素,它們都會對你的學(xué)習(xí)工作和生活造成很多影響,甚至涉及你未來的職業(yè)選擇。
如果你所處的環(huán)境比較差,不要灰心,你可以想辦法為自己創(chuàng)造較為良好的環(huán)境,以更好地學(xué)習(xí)和工作。總之,任何人都不要小看周圍環(huán)境對自己的長期影響。
其實(shí)網(wǎng)頁設(shè)計(jì)這一行業(yè)在全球的受歡迎程度是很高的??赡苣闶浅鯇W(xué)者,可能你不知道如何設(shè)計(jì)好網(wǎng)站,因此你需要深入了解網(wǎng)頁設(shè)計(jì)的項(xiàng)目準(zhǔn)備工作,這也是進(jìn)一步學(xué)習(xí)本書而需要具備的知識儲備,可以幫助你更好地消化內(nèi)容,提高你的網(wǎng)頁設(shè)計(jì)技巧。
在這個行業(yè),你不一定要知道一門編程語言。當(dāng)然,如果你有能力學(xué)習(xí)掌握一門或多門編程語言,就能夠更好地設(shè)計(jì)一個網(wǎng)站、把控一個項(xiàng)目,更好地處理協(xié)作問題?;ヂ?lián)網(wǎng)已經(jīng)是一個多元化行業(yè),無論是UI還是Web,行業(yè)本身已經(jīng)多元化,對從業(yè)者的能力要求只會越來越高,競爭只會越來越激烈。本書專注界面設(shè)計(jì),下面列出的是一些與網(wǎng)頁界面設(shè)計(jì)密切相關(guān)的知識,由于體系龐大,這里只是點(diǎn)到為止,作為大家預(yù)熱和思考的切入點(diǎn)。
· 學(xué)習(xí)目的:學(xué)習(xí)網(wǎng)頁界面設(shè)計(jì)是為了工作、興趣愛好或副業(yè),還是作為其他行業(yè)的輔助工具?
· 軟件工具:熟悉并掌握各種軟件,是否就能做出漂亮的、有商業(yè)價值的網(wǎng)頁界面?你是否了解軟件之間如何協(xié)作、如何更好地提高設(shè)計(jì)質(zhì)量和效率?
· 編程語言:是否需要學(xué)習(xí)HTML、CSS、JavaScript、jQuery、XML、PHP等編程語言?如何規(guī)劃學(xué)習(xí)時間?如果只是單純UI設(shè)計(jì),如何與開發(fā)人員協(xié)作?設(shè)計(jì)過程中如何降低返工率?
· 用戶體驗(yàn):這是一個很抽象的概念。設(shè)計(jì)過程看似簡單,其實(shí)很復(fù)雜??此茝?fù)雜,其實(shí)也沒有那么復(fù)雜。你的設(shè)計(jì)所面對的用戶群體是哪些?是否能讓用戶喜歡?是否能讓用戶正常、方便地使用?你是用什么樣的方式傳達(dá)你的設(shè)計(jì)思想?你的設(shè)計(jì)如何表現(xiàn)細(xì)節(jié),如何從細(xì)節(jié)上提升用戶體驗(yàn)?這些都是用戶體驗(yàn)需要考慮的問題。
· 交互設(shè)計(jì):這也許是一個更加抽象的概念。你是否能理解用戶與你的設(shè)計(jì)之間的關(guān)聯(lián)?交互設(shè)計(jì)過程中的用戶體驗(yàn)因素如何影響你的行為?如何衡量自己設(shè)計(jì)的產(chǎn)品的界面美觀程度、功能、可用性、情感等因素?
· 移動網(wǎng)頁:是否能夠理解APP和Web語言的關(guān)系?是否能分清響應(yīng)式設(shè)計(jì)和自適應(yīng)設(shè)計(jì)?如何設(shè)計(jì)移動網(wǎng)站界面?響應(yīng)式網(wǎng)站的必要性和市場需求是怎樣的?
· 運(yùn)營推廣:個人網(wǎng)站、企業(yè)網(wǎng)站、產(chǎn)品網(wǎng)站分別是如何運(yùn)營和推廣的?你的設(shè)計(jì)的商業(yè)價值何在?假如沒有商業(yè)價值,如何去轉(zhuǎn)化?作為公司或個人,在處理設(shè)計(jì)時的流程和態(tài)度,會有什么不同和可能性?
前面提到的知識大多比較抽象,筆者只列出了一部分經(jīng)常會思考的問題,為大家提供一個思考的方向。這是一個非常漫長的積累過程,它們和界面設(shè)計(jì)、整個網(wǎng)頁設(shè)計(jì)領(lǐng)域,甚至跨領(lǐng)域,都是息息相關(guān)的。重要的是我們應(yīng)該如何思考,如何利用搜索引擎和相關(guān)圖書解決這些問題。本書會有少量內(nèi)容涉及這些比較抽象的問題,由于它們涉及的知識體系非常龐大,也沒有必要在本書中著重講解。利用每一個知識點(diǎn),都可以編寫出一本甚至多本專業(yè)圖書,如果大家對這些知識的深入研究感興趣,可以利用其他渠道專門學(xué)習(xí)。
- 大型網(wǎng)站架構(gòu)實(shí)戰(zhàn)
- 24小時學(xué)會網(wǎng)站建設(shè)
- 網(wǎng)頁配色從入門到精通
- Dreamweaver CC網(wǎng)頁設(shè)計(jì)自學(xué)經(jīng)典
- Vue.js Web開發(fā)案例教程(在線實(shí)訓(xùn)版)
- CSS+DIV網(wǎng)頁樣式與布局案例指導(dǎo)
- 網(wǎng)頁制作與網(wǎng)站建設(shè)寶典
- HTML5+CSS3網(wǎng)頁制作基礎(chǔ)培訓(xùn)教程
- 動態(tài)網(wǎng)頁設(shè)計(jì)(第2版)
- 網(wǎng)頁設(shè)計(jì)與制作Dreamweaver CS6標(biāo)準(zhǔn)教程(第2版)
- Linux系統(tǒng)與網(wǎng)絡(luò)服務(wù)管理技術(shù)大全(第二版)
- Dreamweaver CS6網(wǎng)頁設(shè)計(jì)入門、進(jìn)階與提高
- H5頁面設(shè)計(jì)與制作(全彩慕課版)
- CSS3藝術(shù):網(wǎng)頁設(shè)計(jì)案例實(shí)戰(zhàn)
- 外貿(mào)獨(dú)立站建站實(shí)操從入門到精通