㈠ 網頁設計需要學什麼軟體
網頁設計需要學習的知識很多,要學習繪圖軟體,編程代碼,還要有一定的審美,畢竟你設計的網頁是要放到網上,供大家看,網頁設計不夠美觀,功能不全,是很難帶來流量的。
網頁設計(web design,又稱為Web UI design,WUI design,WUI),是根據企業希望向瀏覽者傳遞的信息(包括產品、服務、理念、文化),進行網站功能策劃,然後進行的頁面設計美化工作。作為企業對外宣傳物料的其中一種,精美的網頁設計,對於提升企業的互聯網品牌形象至關重要。
網頁設計一般分為三種大類:功能型網頁設計(服務網站&B/S軟體用戶端)、形象型網頁設計(品牌形象站)、信息型網頁設計(門戶站)。設計網頁的目的不同,應選擇不同的網頁策劃與設計方案。
專業的網頁設計,需要經歷以下幾個階段:
需要根據消費者的需求、市場的狀況、企業自身的情況等進行綜合分析,從而建立起營銷模型。
以業務目標為中心進行功能策劃,製作出欄目結構關系圖。
以滿足用戶體驗設計為目標,使用axure rp或同類軟體進行頁面策劃,製作出交互用例。
以頁面精美化設計為目標,使用PS、AI等軟體,調整,使用更合理的顏色、字體、圖片、樣式進行頁面設計美化。
根據用戶反饋,進行頁面設計調整,以達到最優效果。
1.Dream weaver:簡稱"DW",是第一套針對專業網頁設計師特別發展的視覺化網頁開發工具,利用它可以輕而易舉地製作出跨越平台限制和跨越瀏覽器限制的充滿動感的網頁。DW使用所見即所得的介面,亦有HTML編輯的功能。
2.Flash:是一種動畫創作與應用程序開發於一身的創作軟體,使用Flash創作出既漂亮又可改變尺寸的導航界面以及其他奇特的效果。
3.Photo shop:主要處理以像素所構成的數字圖像。使用其眾多的編修與繪圖工具,可以有效地進行圖片編輯工作。其有很多功能,在圖像、圖形、文字、視頻、出版等各方面都有涉及。
4.Fireworks:一款專為網路圖形設計的圖形編輯軟體,它大大簡化了網路圖形設計的工作難度,無論是專業設計家還是業余愛好者,使用Fireworks都不僅可以輕松地製作出十分動感的GIF動畫,還可以輕易地完成大圖切割、動態按鈕、動態翻轉圖等。
㈡ UI設計軟體主要有哪些
一、UI設計主要軟體:PS 即Adobe Photoshop
對於最細小的軟體圖標,是用矢量繪圖軟體製作的,這樣放大才不會失真,沒有虛邊。比如CorelDraw、Illustrator、FreeHand等都可以用來做圖標,沒什麼限制。但是據行業數據統計,UI設計行業中,常用的主要軟體為:PS和AI,其中PS為市場佔有率最多,AI通常被用來純矢量圖輔助設計。
二、思維導圖軟體:MindManager或XMind
MindManager或XMind都為思維導圖軟體,具體使用哪個軟體並不重要,根據個人習慣就行。
思維導圖想必大家在進行策劃分析和頭腦風暴時,都用過。在UI設計中,也是經常用到。主要用來整理產品需求思路、產品架構、產品的交互邏輯等等。總之,在做視覺之前,他都是大家整理思緒的好幫手。
三、快速原型設計工具:Axure RP或者Skech
Axure RP是一個專業的快速原型設計工具,Axure RP是美國Axure Software Solution公司旗艦產品,是一個專業的快速原型設計工具。主要讓定義需求和規格、設計功能和界面的專家(產品經理、UI設計師)能夠快速創建應用軟體或Web網站的線框圖、流程圖、原型和規格說明文檔。作為專業的原型設計工具,它能快速、高效的創建原型,同時支持多人協作設計和版本控制管理。
另外還有skech軟體,Sketch讓我們盡可能少的設計,將UI放在了首位,讓我們專注於響應式的設計而不是照片的編輯,關注於交互和動畫而不是人造的材質,但其市場佔有率正在設計的發展階段,多數集中於Axure。
四、動效設計:AE軟體
越來越多的國內公司開始關注動效設計了,越來越多的團隊意識到動效在產品用戶體驗中的重要性。
作為UI設計師,我們為什麼需要動效設計?
終極一點:就是讓用戶更加爽、更加爽的用你的產品(app、軟體、智能硬體端等等)。動效設計可以將本來靜態的圖片用動態的邏輯表達出來,大多為了表達抽象的交互體驗設計而製作動效,這樣整個團隊也能對未來產品的各類動態體驗設計都有一個直觀的認知。總之,在交互體驗設計中用處太多,太強大了。
五、前端設計:Dw軟體
即Dreamweaver,是html開發工具,編寫靜態頁面和css樣式,提示很給力,設計人員用的多一點。我們UI設計師也是需要了解學習前端的布局和設計的。