網頁設計邏輯

1、網頁設計邏輯是怎樣的

1. 色彩過於統一
關於顏色的雜亂，很多文章都掏心窩子的講過，但是我不得不告訴你，色彩這個東西，你光靠看看色輪，色譜，買點pantone放桌上是沒有用的，色彩有規則性，而每個人的色彩感受沒有規則性，要做好色彩設計，除了大量的練習與觀察，最重要的是相信自己的直覺，如果你不知道如何把握色彩 — 你先記住「黑白灰+主色」的方式，也就是一種主色，通過黑白灰來協調輔色的邏輯。
比起色彩雜亂來說，過於統一的色彩其實給用戶造成的困擾更大，「使用統一的色彩更容易記憶」這個說法是不太嚴謹的，此觀點成立的前提是這個產品的色彩設計應該符合人的視覺感受，首先產生美，和諧的感覺，然後才有可能去記憶，否則人腦會本能的排斥。我上面發的這個圖，在各大「官方」機構的活動與宣傳中屢見不鮮，不但缺乏重心，而且刺 — 這一再證明了我們的大部分領導都是美盲，這比文盲更加可怕。
2. 過多的字體
不管你是做平面，做書籍，還是做網站，視覺格式塔理論告訴我們，同一屬性的玩意一多了，人的內心就緊張，比如：你看到20隻螞蟻在你腳下，你會蹲下來看看她們在忙什麼，如果是20萬只螞蟻朝你沖過來，你除了尖叫還能有更好的辦法么?
在有限空間內使用過多字體的做法，正是這種心理反應。在運用字體的時候，第一個關鍵就是盡量減少字體種類，你可以把自己使用的字體控制在3個以內，如果字體一定超過三種怎麼辦?通過大小，間距，透視，角度，對比，顏色等方式把不重要的信息部分的字體淡化掉，而突出最為重要的信息。
3. 無序的版式
近幾年一直在興起一股混合藝術還有自由插畫的風氣，首先我們不講這是國際設計圈玩剩下的東西，我們單就畫面表現來看，這種風格絕對不是下載一堆AI或者PSD源文件，稍微ctrl+u一下就可以拼湊出來的，亂七八糟的應接不暇和豐富多彩的視覺拼盤

2、網頁設計的中心思想是什麼？

網頁設計不只是單純的前瞻性和令人印象深刻。它要體現一個中心，那就是為遊客提供了許多有用的現代化功能，使他們能夠在現場逗留一段較長的時間，購買的產品和服務，或僅僅是為了了解更多有關業務。在網頁時機中，使用簡單，這是給遊客提供的特點。但它是不容易的，因為很多設計師要在網頁上面分部各種功能，在此過程中構建一個簡單的網站。為了遊客的快速瀏覽，頁面上總是很多按鈕的存在。網頁設計的另一個重要方面，布局應該是合乎邏輯的的，色彩應該是讓人舒心的。這樣做，是為了讓用戶不會這么的煩惱。任何東西，都需要留下一部分未來的發展空間。

3、網頁設計流程是什麼？

設計流程：

主題明確：

在目標明確的基礎上，完成網站的構思創意即總體設計方案。對網站的整體風格和特色作出定位，規劃網站的組織結構。

Web站點應針對所服務對象（機構或人）的不同而具有不同的形式。有些站點只提供簡潔文本信息；有些則採用多媒體表現手法，提供華麗的圖像、閃爍的燈光、復雜的頁面布置，甚至可以下載聲音和錄像片段。好的Web站點把圖形表現手法和有效的組織與通信結合起來。

為了做到主題鮮明突出，要點明確，應該使配色和圖片圍繞預定的主題；調動一切手段充分表現網站點的個性和情趣，辦出網站的特點。

充分利用已有信息，如客戶手冊．公共關系文檔．技術手冊和資料庫等。

設計思路：

1、簡潔實用：這是非常重要的，網路特殊環境下，盡量以最高效率的方式將用戶所要想得到的信息傳送給他就是最好的，所以要去掉所有的冗餘的東西。

2、使用方便：同第一個是相一致的，滿足使用者的要求，網頁做得越適合使用，就越顯示出其功能美

3、整體性好：一個網站強調的就是一個整體，只有圍繞一個統一的目標所做的設計才是成功的。

4、網站形象突出：一個符合美的標準的網頁是能夠使網站的形象得到最大限度的提升的。頁面用色協調，布局符合形式美的要求：布局有條理，充分利用美的形式，使網頁富有可欣賞性，提高檔次。當然雅俗共賞是人人都追求的。

5、互動式強：發揮網路的優勢，是每個使用者都參與到其中來，這樣的設計才能算成功的設計。這樣的網頁才算真正的美的設計。

版式設計：

網頁設計作為一種視覺語言，特別講究編排和布局，雖然主頁的設計不等同於平面設計，但它們有許多相近之處。

版式設計通過文字圖形的空間組合，表達出和諧與美。

多頁面站點頁面的編排設計要求把頁面之間的有機聯系反映出來，特別要求處理好頁面之間和頁面內的秩序與內容的關系。為了達到最佳的視覺表現效果，反復推敲整體布局的合理性，使瀏覽者有一個流暢的視覺體驗。

色彩作用：

色彩是藝術表現的要素之一。在網頁設計中，設計師根據和諧、均衡和重點突出的原則，將不同的色彩進行組合．搭配來構成美麗的頁面。 根據色彩對人們心理的影響，合理地加以運用。如果企業有CIS（企業形象識別系統），應按照其中的VI進行色彩運用。

形式內容：

為了將豐富的意義和多樣的形式組織成統一的頁面結構，形式語言必須符合頁面的內容，體現內容的豐富含義。

靈活運用對比與調和、對稱與平衡、節奏與韻律以及留白等手段，通過空間、文字、圖形之間的相互關系建立整體的均衡狀態，產生和諧的美感。

三維空間的構成：

網路上的三維空間是一個假想空間，這種空間關系需藉助動靜變化．圖像的比例關系等空間因素表現出來。 在頁面中，圖片、文字位置前後疊壓，或頁面位置變化所產生的視覺效果都各不相同。

通過圖片、文字前後疊壓所構成的空間層次不太適合網頁設計，根據現有瀏覽器的特點，網頁設計適合比較規范、簡明的頁面，盡管這種疊壓排列能產生強節奏的空間層次，視覺效果強烈。

網頁上常見的是頁面上、下、左、右、中位置所產生的空間關系，以及疏密的位置關系所產生的空間層次，這兩種位置關系使產生的空間層次富有彈性，同時也讓人產生輕松或緊迫的心理感受。

虛擬現實：

人們已不滿足於HTML（標准通用標記語言下的一個應用）編制的二維Web頁面，三維世界的誘惑開始吸引更多的人，虛擬現實要在Web網上展示其迷人的風采，於是VRML語言出現了。

VRML是一種面向對象的語言，它類似Web超級鏈接所使用的HTML語言，也是一種基於文本的語言，並可以運行在多種平台之上，只不過能夠更多地為虛擬現實環境服務。

多媒體：

網路資源的優勢之一是多媒體功能。要吸引瀏覽者注意力，網頁的內容可以用三維動畫、FLASH等來表現。但要由於網路寬頻的限制，在使用多媒體的形式表現網頁的內容時不得不考慮客戶端的傳輸速度。

便於使用：

如果人們看不懂或很難看懂您的網站，那麼，他如何了解你的企業信息和服務項目呢？使用一些醒目的標題或文字來突出您的產品與服務。

並且即使您擁有最棒的產品，如果客戶從您的網站上看不清楚您在介紹什麼或不清楚如何受益的話，他們是不會喜歡您的網站的，這對於網頁設計而言是失敗的。

導向清晰：

網頁設計中導航使用超文本鏈接或圖片鏈接，使人們能夠在您的網站上自由前進或後退，而不必讓他們使用瀏覽器上的前進或後退。我們在所有的圖片上使用「ALT」標識符註明圖片名稱或解釋，以便那些不願意自動載入圖片的觀眾能夠了解圖片的含義。

快速下載時間：

很多的瀏覽者不會進入需要等待5分鍾下載時間才能進入的網站，在互聯網上30秒的等待時間與我們平常10分鍾等待時間的感覺相同。因此，建議在網頁設計中盡量避免使用過多的圖片及體積過大的圖片。主要頁面的容量應確保普通瀏覽者頁面等待時間不超過10秒。

非圖形內容：

在必要時適當使用動態「Gif」圖片，為減少動畫容量，應用巧妙設計的Java動畫可以用很小的容量使圖形或文字產生動態的效果。但是，由於在互聯網瀏覽的大多是一些尋找信息的人們，仍然建議您要確定您的網站將為他們提供的是有價值的內容，而不是過度的裝飾。

反饋與溝通：

讓客戶明確您所能提供的產品或服務並讓他們非常方便地訂購是您獲得成功的重要因素。如果客戶在您的網站上產生了購買產品或服務的慾望，您是否能夠讓他們盡快實現嗎？是在線還是離線？

因此，如果是產品或服務介紹網站，應該有留言、電話、在線咨詢等功能或信息呈現。

在企業的Web站點上，要認真回復用戶的電子郵件和傳統的聯系方式如信件．電話垂詢和傳真，做到有問必答。最好將用戶的用意進行分類，如售前一般了解．售後服務等，由相關部門處理，使網站訪問者感受到企業的真實存在並由此產生信任感。

測試改進：

測試實際上是模擬用戶詢問網站的過程，用以發現問題並改進網頁設計。應該與用戶共同安排網站測試。

內容更新：

企業Web站點建立後，要不斷更新網頁內容。站點信息的不斷更新，讓瀏覽者了解企業的發展動態和網上職務等，同時也會幫助企業建立良好的形象。

注意不要許諾你實現不了的東西，在你真正有能力處理回復之前，不要懇求用戶輸入信息或羅列一大堆自己不能及時答復的電話號碼。 如果要求訪問者自願提供其個人信息，應公布並認真履行個人隱私保承諾。

(3)網頁設計邏輯擴展資料：

網頁設計（web design，又稱為Web UI design，WUI design，WUI），是根據企業希望向瀏覽者傳遞的信息（包括產品、服務、理念、文化），進行網站功能策劃，然後進行的頁面設計美化工作。

作為企業對外宣傳物料的其中一種，精美的網頁設計，對於提升企業的互聯網品牌形象至關重要。

網頁設計一般分為三種大類：功能型網頁設計（服務網站&B/S軟體用戶端）、形象型網頁設計（品牌形象站）、信息型網頁設計（門戶站）。設計網頁的目的不同，應選擇不同的網頁策劃與設計方案。

網頁設計的工作目標，是通過使用更合理的顏色、字體、圖片、樣式進行頁面設計美化，在功能限定的情況下，盡可能給予用戶完美的視覺體驗。高級的網頁設計甚至會考慮到通過聲光、交互等來實現更好的視聽感受。

網頁設計主要以Adobe產品為主，常見的工具包括FW、PS、FL、DW、CDR、AI等，其中DW是代碼工具，其他是圖形圖像和FL動畫工具。還有最近幾年Adobe新出的EdgeReflow、EdgeCode、Muse。

標題設計：

在設計網頁標題時，應注意同時兼顧對用戶的注意力，以及對搜索引擎檢索的需要。這一原則在實際操作中可通過三個方面來體現，這三個方面也可以被認為是網頁標題設計的一般規律：

1、網頁標題不宜過短或者過長

一般來說6-10個漢字比較理想，最好不要超過30個漢字。網頁標題字數過少可能包含不了有效關鍵詞，字數過多不僅搜索引擎無法正確識別標題中的核心關鍵詞，而且也讓用戶難以對網頁標題（尤其是首頁標題，代表了網站名稱）形成深刻印象，也不便於其他網站鏈接。

2、網頁標題應概括網頁的核心內容

當用戶通過搜索引擎檢索時，在檢索結果頁面中的內容一般是網頁標題（加鏈接）和網頁摘要信息，要引起用戶的關注，網頁標題發揮了很大的作用。

如果網頁標題和頁面摘要信息有較大的相關性，摘要信息對網頁標題將發揮進一步的補充作用，從而引起用戶對該網頁信息點擊行為的發生（也就意味著搜索引擎推廣發揮了作用）。

另外，當網頁標題被其他網站或者本網站其他欄目/網頁鏈接時，一個概括了網頁核心內容的標題有助於用戶判斷是否點擊該網頁標題鏈接。

3、網頁標題中應含有豐富的關鍵詞

考慮到搜索引擎營銷的特點，搜索引擎對網頁標題中所包含的關鍵詞具有較高的權重，盡量讓網頁標題中含有用戶檢索所使用的關鍵詞。

以網站首頁設計為例，一般來說首頁標題就是網站的名稱或者公司名稱，但是考慮到有些名稱中可能無法包含公司/網站的核心業務，也就是說沒有核心關鍵詞，這時通常採用「核心關鍵詞+公司名/品排名」的方式來作為網站首頁標題。

開頭所列舉的某網路營銷服務商網站首頁標題實例，其實也是採用這種方式來設計網頁標題，只不過由於羅列了太多的「核心關鍵詞」，反而沒有了核心。

做美工看起來並不是一件容易的事情。首先，要對整個站點和企業有個大致的了解。例如：某些企業喜歡藍色的主調，你不可能去做個紅色的主調，這樣完全違背客戶的主要意願，如果百度的標志改成五顏六色的，相信大家也不會認可的。

站長的職責是規劃網站結構。同樣也需要有一定的審美觀。下面介紹了幾款常用的繪圖工具和基本知識。

參考資料：

網路-網頁設計 （網站技術）

4、網頁設計流程，用畫原型圖嗎？邏輯誰來設計

首先要有網頁或者說是網站的需求方提供需求內容。
例如頁面要包括哪些，如用戶登錄，注冊，信息展示，甚至在線支付之類的東西。
然後還要有一些具體功能需求，如用戶注冊需要提供哪些資料，如身份證，地址之類的信息。
信息展示具體是哪些。

有需求方先要寫明自己的需求，然後根據需求進行下一步的設計，原型圖肯定要畫，因為沒有圖就無法製作網頁。
先把圖畫好，然後和對方商定細節，例如logo的大小，段落間距，字體顏色，之類的細節東西。
畫好圖並確定後就可以按照圖來製作網頁。
至於內部後台相關也要商定。
具體由誰來做什麼要視情況而定。
例如如果對方公司有美工之類的，可能就直接給你一些素材甚至畫好的圖讓你直接製作。
也有可能需要你自己畫圖或者找人畫圖。

5、平面設計，網頁設計，ui設計三者有什麼區別

區別一：定義不同

1、平面設計，是以「視覺」作為溝通和表現的方式，透過多種方式來創造和結合符號、圖片和文字，藉此作出用來傳達想法或訊息的視覺表現。

2、網頁設計，根據企業希望向瀏覽者傳遞的信息（包括產品、服務、理念、文化），進行網站功能策劃，然後進行的頁面設計美化工作。

3、UI設計，指對軟體的人機交互、操作邏輯、界面美觀的整體設計。

區別二：使用平台不同

1、平面設計是紙媒時代的產物，主要以平面媒體或載物進行設計，報紙、雜志、畫冊、海報、宣傳頁、書籍裝幀等都是平面設計的工作。隨著互聯網及移動互聯網的發展，瀏覽逐漸趨向移動端發展，平面設計的發展也受到一定的阻礙。

2、網頁設計主要針對的PC端運用的設計，後來移動互聯網的流行，網頁開始在手機上流行起來，為保證能夠多端正常顯示，在HTML5和CSS3的幫助下，「響應式設計流行」，使得網頁能夠在任何平台都能正常顯示。

3、UI設計主要針對的PC端運用的設計手機系統界面、軟體界面、網站界面、游戲操作界面、智能電視界面、汽車導航界面、VR虛擬現實等都需要UI設計師。

區別三：信息量不同

1、平面設計承載的信息量是有限的。

2、網頁設計或UI設計的信息承載量是無限的。

3、平面設計是無法與讀者進行溝通獲取用戶反饋的或者二次更新的。

6、什麼是邏輯網路設計?

邏輯網路:定義1： 邏輯網路是指一個單獨的網路或一個子網.如果採用非路由方法,是否意味著子網間不能互相通信.假如出於完全安全隔離考慮,此方法也未尚不可 定義2： 目前普遍採用的是傳輸控制協議網際協議TCP/IP即TCP對應OSI七層模型的傳輸層IP對應網路層這兩層稱為邏輯網路.而物理層和數據鏈路層稱為物理層保持與OSI的規定一致 定義3： 之所以稱為「邏輯網路」,是因為從物理連接的方式來看,它們仍屬於同一條UCN網,只是在邏輯概念上劃分為兩條UCN網 IP地址採用層次結構，按照邏輯網路結構進行劃分，與地理位置無關。例如，只要兩台主機具有相同網路號，不論它們在什麼地方，都屬於同一邏輯網路；如果兩台主機網路號不同，即使比鄰放置，也屬於不同的邏輯網路。 了解這個邏輯網路設計就不難理解了:就是設計邏輯網路的工程人員

7、網頁設計前端和後端的區別？越詳細越好。

前端開發和後copy台開發是有區別的，工作的內容和負責的東西是完全的不同的，以下以網站的開發為例。

1、前端開發
前端開發現在一般指的就是web前端開發工程師，其負責是網站前端頁面也就是網頁的頁面開發，簡單的說網站前端負責是東西是網站用戶可見的東西，如網頁上的特效、網頁的布局、圖片、視頻等內容。網站前端工程師的工作內容就是將美工設計的效果圖的設計成瀏覽器可以運行的網頁，並和後端開發工程師配合做網頁的數據顯示和交互。

2、後端開發
後端開發一般也叫做後台，其負責是網站後台邏輯的設計和實現還有用戶及網站的數據的保存和讀取。比如一般網站都是有用戶注冊和登錄的，用戶的注冊的信息通過前端發送給後端，後端將其保存在資料庫中，用戶登錄網站的時候，後端需要通過用戶輸入的用戶名和密碼是否與資料庫中的一致來判斷用戶是否有許可權登錄，這是後台開發中的一個最簡單的功能。

8、網頁設計要學些什麼？如何讓你設計貼合用戶邏輯？

網頁設計首先要學習美工方面，要相信，大多人都是「外貌協會」，一個好的設計師設計出來的網頁，一定會第一時間抓住用戶的眼球的，因為無論從顏色的搭配，元素的運用，結構框架的排版，風格的統一，都體現一定的專業性，這個專業性通常會更符合用戶的使用習慣和邏輯的。
網頁設計不是拼湊，如何讓設計更好的貼合用戶邏輯，我覺得最重要的一點就是從用戶的角度出發，去考慮問題了。
比如：客戶是機械行業的，那麼暖色調搭配再漂亮，總歸是不符合行業特徵；
元素運用上：企業都是蓬勃發展的，所以如果元素運用上，一定要用朝陽，而不是夕陽，細心的客戶也會有這方面的忌憚的；
框架結構上：如果是營銷型網站，那麼什麼樣的結構更能促進用戶轉化，這個時候一定要多方面考慮了，不能一味的只管漂亮的圖片，更多要考慮用戶的體驗。
然後就是網站風格的一致性：對於色調、圖標、字體、還有後期做的特效，最好能保持一致性，進一步增加用戶體驗。
所以，好的網頁設計，不僅要有專業，也要有經驗，什麼行業的用戶需要什麼，心裡要有概念，不清楚就需要更多的學習嘍

9、想學習美工或網頁設計，如何有效的提高邏輯思維和美感

首先，建議要精讀或者精學三門課程：離散數學 數據結構 編譯原理。所謂的精讀或者精學，不是說簡簡單單為了應付考試的學習，而是對每個細節每項內容都窮究其理，融匯貫通。精學這3門課程的本身就是邏輯思維和抽象思維能力的很好鍛煉。其中前兩門課程，其知識本身在未來也有大用，編譯原理本身作為一般程序員用到的機會可能不多，但是學編譯原理真的很鍛煉邏輯思維和抽象思維能力。
其次，可以多玩一些抽象類，數字類的游戲，例如數獨。
再次，多精讀一些好書，尤其是設計類的書，推薦《設計模式》，邊讀要邊思考，不是灌輸式的讀書，是思辨式得讀書
再再次，花大量時間去優化代碼，不管是自己的還是別人的。用不同的方式，不同的思路，不同的演算法，不同的結構去改寫和優化代碼。尤其是演算法類的代碼，系統控制類的代碼。

很少有人能單單通過所謂「邏輯思維」從復雜問題快速找到抽象的，如果有這樣的人，他的經驗，工具，方法和直覺通常起到比邏輯思維更重要的作用。寫代碼需要邏輯思維，但解決復雜問題更需要理解分析，寫代碼只是解決問題比較靠後的步驟。所以不急著寫代碼，也不急著找抽象，先試著理解問題本身，而不是下意識地想把問題套進已知的，熟悉或不熟悉的工具，那樣是本末倒置的。

多數情況下，只要有一點耐心，理解問題並不難，這個時候既是邏輯推演，更是探索發現。

比如交通燈控制，是一個不那麼簡單的問題，不急著找模型，也不急著編程，想一想一個交通燈有幾種狀態，一組交通燈有幾種狀態，不同的路口的交通燈有幾種狀態，把具體的例子列出來，你大概會有一個概念：那就是你要寫交通燈管理程序本質就是一個狀態管理的過程。這個時候還沒有得到適合編程的抽象，但你已經積累了對輸入和輸出的認識，接下來可以寫一點簡單代碼或者偽代碼，把各種case的邏輯都單獨實現一遍，把各種狀態之間的轉換的條件和過程勾勒出來，從這里觀察他們在數據和流程上有沒有共性，有沒有可以優化的餘地，這樣你就慢慢地找到你要的抽象，然後看看你熟悉的工具（比如編程語言）提供了什麼樣的數據結構和編程範式最適合去實現這樣的抽象。

把問題具體化，尋找具體的輸入和輸出，具體的狀態變化。具體化了的問題更容易分解，分解以後的問題更容易分析；先分析再歸納比不分析直接歸納更有操作性，你的「邏輯思維」才能派上用場。