如何做好網站設計
2019.04.15
首先我們要清楚shijiaoshejizaizhenggechanpinzhongdezuoyonghemudeshishenme，shigeiyonghutigongshushimeihaodeshijiaoxiangshouma，haishiweileyonghushiyongchanpindeshihougengshunchang，zhexiedoubaokuodanbujinjinruci，shijiaoshejihaiyinggaichuandapinpaichayihua，rangyonghuqingxidibianshi、記ji憶yi並bing喜xi愛ai該gai產chan品pin，並bing以yi促cu成cheng業ye務wu目mu標biao為wei結jie果guo。因yin此ci做zuo視shi覺jiao設she計ji就jiu不bu能neng隻zhi流liu於yu表biao麵mian形xing式shi，應ying該gai全quan麵mian讀du懂dong業ye務wu需xu求qiu和he用yong戶hu群qun的de特te征zheng，做zuo出chu符fu合he該gai業ye務wu需xu求qiu和he品pin牌pai調tiao性xing的de設she計ji。
UI所(suo)做(zuo)的(de)就(jiu)是(shi)用(yong)戶(hu)最(zui)先(xian)接(jie)觸(chu)到(dao)的(de)東(dong)西(xi)，也(ye)是(shi)一(yi)般(ban)性(xing)的(de)用(yong)戶(hu)唯(wei)一(yi)接(jie)觸(chu)到(dao)的(de)東(dong)西(xi)。用(yong)戶(hu)對(dui)於(yu)界(jie)麵(mian)視(shi)覺(jiao)效(xiao)果(guo)和(he)軟(ruan)件(jian)操(cao)作(zuo)方(fang)式(shi)的(de)易(yi)用(yong)性(xing)的(de)關(guan)心(xin)，要(yao)遠(yuan)遠(yuan)大(da)於(yu)他(ta)對(dui)底(di)層(ceng)到(dao)底(di)用(yong)什(shen)麼(me)樣(yang)的(de)代(dai)碼(ma)去(qu)實(shi)現(xian)的(de)關(guan)心(xin)。要(yao)如(ru)何(he)才(cai)能(neng)針(zhen)對(dui)自(zi)己(ji)的(de)實(shi)際(ji)情(qing)況(kuang)設(she)計(ji)出(chu)好(hao)的(de)UI呢。設計出好的UI需要；
1、清晰的界麵往往會給用戶留下深刻印象清晰的界麵，這是每一個UI設計師都必須準從的準則。模糊不清，主題不明確的界麵是不會引起用戶喜歡的。
2、遵從“簡潔但不簡單”的設計原則
3、給用戶以熟悉的感覺
4、和用戶交互，提升頁麵響應速度
5、布局合理化原則 整體必須保持一致風格
6、增加美觀度，給用戶以愉悅之感
優秀的UI設計師應該具備的條件；
1、時刻保持學習狀態與學習主動性。
學習的機會很多，無論是在生活裏，你結實一個朋友、看kan場chang電dian影ying，讀du一yi本ben書shu，瀏liu覽lan一yi個ge網wang站zhan，看kan一yi則ze廣guang告gao，隨sui處chu都dou暗an藏zang著zhe學xue習xi的de機ji會hui，雖sui然ran不bu一yi定ding能neng學xue到dao具ju體ti的de技ji能neng，但dan至zhi少shao可ke以yi領ling略lve到dao一yi些xie精jing神shen和he獲huo得de一yi些xie專zhuan業ye上shang的de靈ling感gan。
2、一定要堅持不懈的練習！
設計 編程在我眼裏都是需要動手才能練出來的本事，隻看書滿腦子的理論完全不行。設計基本功：你可以有計劃地練習手繪，提高painting能力我認為對做設計，包括UI 設計，是有好處的。從臨摹開始，可以先臨摹一些教材上的範例，現有的優秀界麵，優秀設計師的作品；在此基礎上，時不時可以加上自己的想法情感，搞點原創。總之，“曲不離手拳不離手”要堅持練習，多動手，一定會從中獲得很多的經驗！
3、基礎理論和基本技能不能忽視
許多設計都有著自己的規範與知識點，這些你可以自己找書看，各種設計專業的書籍可以具體從構圖；排版、色彩、圖形等方麵入手了解一些基礎知識。然後學習UI設計常用的軟件，Adobe係列的ps ai 算是常用的了，如果對WEB感興趣的話還可以玩玩Flash,dreamweaver甚至是HTML5等等
4、前期創作建議從不斷模仿做起
怎樣才能學號UI設計？在剛開始學的時候，大部分人都是不斷模仿學起，熟能生巧，通過不斷的積累，最終你會學到UI的精髓，當然你的模仿對象要有水準，要選擇那些經典的作品。
5、多洞察別人的作品，多閱讀，多思考
互(hu)聯(lian)網(wang)是(shi)一(yi)個(ge)日(ri)新(xin)月(yue)異(yi)的(de)行(xing)業(ye)，我(wo)們(men)建(jian)議(yi)學(xue)院(yuan)，在(zai)日(ri)後(hou)的(de)界(jie)麵(mian)設(she)計(ji)工(gong)作(zuo)中(zhong)，不(bu)可(ke)盲(mang)目(mu)的(de)追(zhui)趕(gan)潮(chao)流(liu)，要(yao)知(zhi)道(dao)，設(she)計(ji)是(shi)需(xu)要(yao)一(yi)段(duan)時(shi)間(jian)的(de)沉(chen)澱(dian)才(cai)能(neng)達(da)到(dao)一(yi)個(ge)新(xin)高(gao)度(du)。多(duo)洞(dong)察(cha)別(bie)人(ren)的(de)作(zuo)品(pin)，多(duo)閱(yue)讀(du)、多思考，這樣你才能成為一個優秀的UI交互設計師。
寫(xie)的(de)比(bi)較(jiao)多(duo)，也(ye)比(bi)較(jiao)亂(luan)，但(dan)都(dou)是(shi)我(wo)在(zai)學(xue)習(xi)過(guo)程(cheng)中(zhong)的(de)一(yi)些(xie)總(zong)結(jie)，也(ye)學(xue)能(neng)給(gei)新(xin)入(ru)門(men)的(de)朋(peng)友(you)們(men)該(gai)來(lai)一(yi)些(xie)幫(bang)助(zhu)，少(shao)走(zou)一(yi)些(xie)彎(wan)路(lu)吧(ba)，最(zui)後(hou)祝(zhu)願(yuan)大(da)家(jia)學(xue)有(you)所(suo)成(cheng)，都(dou)能(neng)順(shun)利(li)找(zhao)到(dao)UI設計師的工作。
設計出好的ui常用的設計工具和網站；
作zuo為wei設she計ji師shi我wo們men，必bi須xu要yao養yang成cheng一yi個ge每mei天tian瀏liu覽lan設she計ji網wang站zhan的de習xi慣guan，並bing且qie大da多duo都dou是shi設she計ji師shi必bi須xu每mei天tian都dou要yao上shang的de網wang站zhan，但dan是shi這zhe些xie設she計ji師shi必bi備bei的de網wang站zhan有you哪na些xie。
一、設計資源網站的歸類整理方法
按資源網站類型進行歸類是最實用的方法
1.設計社區類
這類網站可上傳和發布作品，有更多的設計資源，給設計獅提供好很好的平台
Behance Dribbble 站酷 UI中國
2.欣賞瀏覽類
這類網站多用於瀏覽觀看，可提供靈感和提高個人審美
Pinterest 花瓣 優設網
二、設計資源網站分享
1.設計靈感類
在做作品之前，我們需要找大量靈感參考。
Freebiesbug（http://freebiesbug.com/）
omahpsd（http://omahpsd.com/）
2.圖標
Iconfont（http://iconfont.cn/）
3.圖片壓縮
tinypng（https://tinypng.com/）
更多詳細好用的圖片壓縮資源神器分析和教程，
4.字體
求字體網（http://www.qiuziti.com/）
毛筆字在線生成（http://www.akuziti.com/mb/）
5.圖片素材
500px（http://www.500px.com/）
攝圖網（http://699pic.com/）
千圖網、優界網我想你肯定是知道的
6.色彩搭配
LOLCOLORS（http://www.lolcolors.com/）
uigradients（https://uigradients.com/#Cherryblossoms）
這是一個專門關於漸變色的配色網站，真的是很給力
webgradients（https://webgradients.com/）
這是一個專門關於漸變色的配色網站，你想要的應有盡有
coolhue（https://webkul.github.io/coolhue/）
今年最流行色漸變色都在這裏，是不是很給力啊
coolors（https://coolors.co/）
Adobe kuler（https://color.adobe.com/zh/create/color-wheel/）
最後U妹給大家推薦一款超實用的配色工具
Color Scheme Designer（http://www.peise.net/tools/web/）
一個超實用的在線配色神器，對於色彩搭配小白或色彩搭配能力較弱有幫助。
