雷火平台-中国知名电竞赛事平台

聯(lián)系我們 face+ 關于 服務 案例
首頁 案例 服務 關于 face+

網(wǎng)頁設計入門知識分享,一起來學習

Time: 2020-02-13

大家對于網(wǎng)頁設計了解多少呢?接下來就讓我們來為各位朋友們分享下網(wǎng)頁設計入門的一些知識吧,如果你也很想更好的了解如何進行網(wǎng)頁設計,那就不錯接下來的精彩內容了。

  一、設計階段

  網(wǎng)站伴隨著網(wǎng)絡的快速發(fā)展而快速興起,作為上網(wǎng)的主要依托,由于人們使用網(wǎng)絡的頻繁而變得非常的重要。由于企業(yè)需要通過網(wǎng)站呈現(xiàn)產(chǎn)品、服務、理念、文化,或向大眾提供某種功能服務。因此網(wǎng)頁設計必須首先明確設計站點的目的和用戶的需求,從而做出切實可行的設計方案。

  專業(yè)的網(wǎng)頁設計,需要經(jīng)歷以下幾個階段:

  需要根據(jù)消費者的需求、市場的狀況、企業(yè)自身的情況等進行綜合分析,從而建立起營銷模型。

  以業(yè)務目標為中心進行功能策劃,制作出欄目結構關系圖。

  以滿足用戶體驗設計為目標,使用axure rp或同類軟件進行頁面策劃,制作出交互用例。

  以頁面精美化設計為目標,使用PS、AI等軟件,調整,使用更合理的顏色、字體、圖片、樣式進行頁面設計美化。

  根據(jù)用戶反饋,進行頁面設計調整,以達到最優(yōu)效果。

9-Icons-Responsive-Material-Design-Palette.jpg

  (圖片來自網(wǎng)絡)

  二、設計目標

  業(yè)務邏輯清晰,能清楚的向瀏覽者傳遞信息,瀏覽者能方便的尋找到自己想要查看的東西。

  用戶體驗良好,用戶在視覺上,操作上都能感到很舒適。

  頁面設計精美,用戶能得到美好的視覺體驗,不會為一些糟糕的細節(jié)而感到不適。

  建站目標明晰,網(wǎng)頁很好的實現(xiàn)了企業(yè)建站的目標,向用戶傳遞了某種信息,或展示了產(chǎn)品、服務、理念、文化。

  三、設計要點

  網(wǎng)頁設計的兩大要點是:整體風格和色彩搭配。

  確定網(wǎng)站整體風格

  在這里,我提供給大家一些參考經(jīng)驗:

  1.將你的標志logo,盡可能的放在每個頁面上最突出的位置。

  2.突出你的標準色彩。

  3.總結一句能反映貴站精髓的宣傳標語!

  4.相同類型的圖像采用相同效果,比如說標題字都采用陰影效果,那么在網(wǎng)站中出現(xiàn)的所有標題字的陰影效果的設置應該是完全一致的!

  網(wǎng)站的整體風格及其創(chuàng)意設計是最難以學習的,難就難在沒有一個固定的模式可以參照和模仿。給你一個主題,任何兩人都不可能設計出完全一樣的網(wǎng)站。

  R、G、B就是Red、Green、Blue(紅,綠,藍)三種顏色,RGB模式就是由這三種顏色為基色進行疊加而模擬出大自然色彩的色彩組合模式。我們日常用的彩色電腦顯示器、彩色電視機等的色彩都使用這種模式。

diamond-style-website-design.jpg

(圖片來自網(wǎng)絡)


  矢量圖

  矢量圖又叫做向量圖,是用一系列計算機指令來描述和記錄一幅圖,一幅圖可以解為一系列由點、線、面等到組成的子圖,它所記錄的是對象的幾何形狀、線條粗細和色彩等。生成的矢量圖文件存儲量很小,特別適用于文字設計、圖案設計、版式設計、標志設計、計算機輔助設計(CAD)、工藝美術設計、插圖等。矢量圖只能表示有規(guī)律的線條組成的圖形,如工程圖、三維造型或藝術字等; 常見的矢量圖處理軟件有CoreIDRAW、AutoCAD、Illustrator和FreeHand等。

  位圖

  位圖又叫點陣圖或像素圖,計算機屏幕上的圖你是由屏幕上的發(fā)光點(即像素)構成的,每個點用二進制數(shù)據(jù)來描述其顏色與亮度等信息,這些點是離散的,類似于點陣。 位圖在放大到一定限度時會發(fā)現(xiàn)它是由一個個小方格組成的,這些小方格被稱為像素點,一個像素是圖像中最小的圖像元素。也就是我們俗稱的馬賽克。

  bmp:是未經(jīng)過壓縮的用點陣來表示的真彩圖片,占用磁盤空間較大

  gif:是經(jīng)過壓縮的,只能表示256種顏色,占用磁盤空間小,常用來演示色彩單一的成塊的卡通圖案,GIF還有一種可以表示連續(xù)的動畫。

  png:是fireworks的圖片格式

  jpg:也稱為jpeg,是有損壓縮格式但是它表示的顏色比較豐富,一般用來顯示真彩的照片或圖案。

  作為設計者和客戶(這里指各站長),如果事先沒有明文協(xié)議的話設計者有權不提供源文件。

unnamed (3).jpg

(圖片來自網(wǎng)絡)


  VI是Visual Identity的縮寫,中文譯為"企業(yè)視覺識別"。VI是CI計劃的靜態(tài)識別符號,是企業(yè)理念視覺化傳達的載體,因此它項目最多,效果最為直接。VI作為視覺識別,它是外在表現(xiàn),固然需要具有美感,但VI必須是MI的體現(xiàn),直接反映企業(yè)的理念。因此VI設計包含這樣一些原則:即充分傳達企業(yè)理念、人性原則、民族性原則、簡潔抽象及動態(tài)原則、員工參與原則、法律原則、藝術性原則和個性原則。

  CI是Corporate Identity的縮寫,中文譯為"企業(yè)形象"。CI計劃,是指企業(yè)有目的、有計劃、戰(zhàn)略性地創(chuàng)造出所希望的自身形象,由此提高企業(yè)的社會知名度,最終得到自己最適合的經(jīng)營環(huán)境。

  而logo只是網(wǎng)站或企業(yè)一個標志。

  以上就是我們?yōu)楦魑慌笥褌冋沓鰜淼囊恍┚W(wǎng)頁設計入門的知識,當然由于篇幅的有限性,我們就為大家整理到這里了。


合作咨詢

上海(總部)

上海市浦東新區(qū)郭守敬路498號22號樓
021-61057328
service@faceui.com

辦公地址地圖

北京

北京市東城區(qū)后永康17號A座
010-64015620
service@faceui.com

辦公地址地圖

成都

四川省成都市錦江區(qū)東大街牛王廟段100號
028-62790929
service@faceui.com

辦公地址地圖
首頁 | 案例 | 服務 | 關于 | face+ | 智見

Copyright ? 2009-2022 FaceUI design. All rights reserved


滬ICP備13044459號-5

上海辦公地點地圖
北京辦公地點地圖
深圳辦公地點地圖
在微信中搜索faceui
或保存二維碼在微信中打開