“人們傾向于把網(wǎng)絡(luò)作為一種獲取信息的方式或是開展電子商務(wù)的地方。但實(shí)際上，網(wǎng)絡(luò)訪問的應(yīng)用程序。把每個(gè)網(wǎng)站作為一個(gè)應(yīng)用，每一個(gè)單一的點(diǎn)擊，每一個(gè)互動(dòng)網(wǎng)站，是一個(gè)機(jī)會，可以對應(yīng)用程序的最新版本。” ?Marc Andreessen

網(wǎng)絡(luò)與手機(jī)的設(shè)計(jì)是設(shè)計(jì)行業(yè)的最大和最具增長的領(lǐng)域。這是一個(gè)偉大的領(lǐng)域，你真的會發(fā)光，F(xiàn)lex的創(chuàng)造力。但是，是什么讓一個(gè)移動(dòng)應(yīng)用程序或網(wǎng)站設(shè)計(jì)好了嗎？好的，如在許多其他領(lǐng)域，最終產(chǎn)品是完全依賴于你使用到它的過程。

也就是說，你工作的方式影響你的工作看起來像。如果你工作地和沒有一個(gè)系統(tǒng)的方法，那么你的設(shè)計(jì)可能會風(fēng)缺少的東西。也就是說，除非你是絕對精彩和驚人的，當(dāng)然。好的，感謝互聯(lián)網(wǎng)，你有機(jī)會直接從該行業(yè)最大的品牌了解網(wǎng)頁設(shè)計(jì)和設(shè)計(jì)過程。我們列出15個(gè)偉大的書籍，網(wǎng)站和文章，教你如何合理設(shè)計(jì)。

現(xiàn)在，我們已經(jīng)說過，您創(chuàng)建的設(shè)計(jì)都是依賴于你的過程。這是更真實(shí)的反應(yīng)網(wǎng)絡(luò)的設(shè)計(jì)（RWD）。事情是這樣的，當(dāng)談到RWD，久經(jīng)考驗(yàn)的設(shè)計(jì)過程的網(wǎng)頁設(shè)計(jì)師們已經(jīng)使用多年的成功現(xiàn)在已經(jīng)不夠了。

這是因?yàn)镽WD是流體，如網(wǎng)絡(luò)。RWD進(jìn)場前，大多數(shù)網(wǎng)站都是靜態(tài)的，固定長度的布局，表盒，產(chǎn)生了一個(gè)完全剛性的互聯(lián)網(wǎng)，最重要的一部分。

隨鉆擴(kuò)眼，創(chuàng)造靈活的網(wǎng)站設(shè)計(jì)工作，工作對不同尺寸、不同輸入方法不同的設(shè)備。這意味著，設(shè)計(jì)師需要適應(yīng)他們的過程。一種自適應(yīng)的設(shè)計(jì)要求，通過定義，一個(gè)自適應(yīng)和不太嚴(yán)格，開發(fā)過程。這種新方法可能看起來像這樣。

1。開發(fā)設(shè)計(jì)系統(tǒng)

為了把重點(diǎn)放在后輪驅(qū)動(dòng)的單獨(dú)的組件，設(shè)計(jì)師勞拉kalbag提出設(shè)計(jì)系統(tǒng)的建立。也就是說，在設(shè)計(jì)的不同元素的焦點(diǎn)，因?yàn)樗麄兊牧鍪橇黧w。我們的重點(diǎn)不是布局不合時(shí)宜的觀念，設(shè)計(jì)應(yīng)著眼于“感覺”的網(wǎng)站，它把從臺式機(jī)和筆記本電腦到平板電腦和智能手機(jī)。

所以不要集中布局。相反，注重字體，顏色，形狀和其他圖像。始終使用這些元素，您的網(wǎng)站將即使在器件寬度變化定位看銜接。

2。而不是一個(gè)模型內(nèi)容層次

互聯(lián)網(wǎng)當(dāng)然仍然有一個(gè)地方，靜態(tài)模型和線框的地方，但絕對不是RWD。模型不應(yīng)該再集中布局，選擇比較突出的內(nèi)容。由于移動(dòng)設(shè)備的屏幕通常狹窄，內(nèi)容將顯示在一個(gè)柱。這意味著一個(gè)模型應(yīng)該把更多的注意力放在元素的層次結(jié)構(gòu)和決定的順序顯示它們。

15個(gè)最偉大的書籍，網(wǎng)站和文章的學(xué)習(xí)網(wǎng)絡(luò)和手機(jī)的設(shè)計(jì)

這本書是一個(gè)奇妙的包羅萬象的資源。它涵蓋了從合同出售你的設(shè)計(jì)和工作與客戶與其他設(shè)計(jì)師的工作。這是一個(gè)短的，但知識的書，你不能跳過了。

6個(gè)學(xué)科的梅甘伯恩斯達(dá)到客戶經(jīng)驗(yàn)成熟

這短短的2011篇文章概述了公司的一個(gè)Excel創(chuàng)造了良好的產(chǎn)品和用戶體驗(yàn)的6個(gè)必要的學(xué)科：客戶的理解，測量，治理，策略，設(shè)計(jì)與文化。我們會讓你看到她所說的每個(gè)人。在任何情況下，它是偉大的，啟發(fā)性的文章，它不會占用您太多的寶貴時(shí)間，所以去點(diǎn)擊它。

由凱文查爾斯Redmon建議我們放下手中的ipad，踏足大自然中，吸收大自然的魅力

這是一個(gè)提醒，為了做一個(gè)有關(guān)設(shè)計(jì)和保持領(lǐng)先的游戲，在你的技能的高峰，你真的需要離開一下技術(shù)。這是一個(gè)充分研究的文章，有確鑿的證據(jù)來支持其中心論點(diǎn)。所以去讀它，您完成后，一個(gè)周末去露營！

離線Web應(yīng)用程序設(shè)計(jì)首先由亞歷克斯feyerke

此記錄和鞭辟入里的文章呈現(xiàn)在當(dāng)?shù)氐囊粋€(gè)強(qiáng)有力的案例支持，通過大量有說服我們，參數(shù)離線程序和你交談，而大部分的程序假設(shè)用戶在線將不斷所以無論何時(shí)使用它們，我們需要集中精力于第一應(yīng)用程序脫機(jī)。一個(gè)強(qiáng)大的，鞭辟入里的文章，你一定要看看。

Innovating for People: Handbook of Human-Centered Design Methods?by?LUMA Institute

這個(gè)可怕的書將幫助你創(chuàng)新的教你什么叫人基本為中心的設(shè)計(jì)。這指的是提供一種方法，是在人的服務(wù)解決方案。它給了你很多方法，打破了每一個(gè)使他們易于遵循的。絕對值得一讀。

Responsive Web Design?by?Ethan Marcotte

還有一個(gè)后輪驅(qū)動(dòng)型進(jìn)入我們的名單。嗯，這一次，它是一本書。它絕對是在響應(yīng)的網(wǎng)頁設(shè)計(jì)有最好的資源。這本書已說明了一切，從CSS技術(shù)的設(shè)計(jì)原則。如果RWD是網(wǎng)頁設(shè)計(jì)的未來（是），那么這本書是你需要的東西來讀。

Mobile First?by?Luke Wroblewski

這是一個(gè)很大的娛樂和信息包裝指南的一切移動(dòng)。找到所有你需要知道的數(shù)據(jù)驅(qū)動(dòng)的策略和一般的手機(jī)設(shè)計(jì)（以及相當(dāng)多的非移動(dòng)的設(shè)計(jì)技巧）。