發(fā)布時間:2021-10-25 09:05:35來源:有考培訓(xùn)網(wǎng)綜合
設(shè)計就是呈現(xiàn)的過程,前端設(shè)計是通過色彩/構(gòu)圖/等元素賦予頁面性格和特點(diǎn),前端也是展現(xiàn),通過色彩先抓住自己的目標(biāo)人群,通過設(shè)計表現(xiàn)自己。什么是前端設(shè)計?寧波達(dá)內(nèi)Web前端培訓(xùn)機(jī)構(gòu)怎么樣?今天就來說說前端設(shè)計的那些事兒:
寧波達(dá)內(nèi)Web前端
達(dá)內(nèi)教育隸屬于加拿大達(dá)內(nèi)IT培訓(xùn)集團(tuán),于2002年成立 ,是達(dá)內(nèi)IT培訓(xùn)集團(tuán)直屬學(xué)院。學(xué)院成立旨在建立軟件高級人才培養(yǎng)的通道,促進(jìn)我國信息產(chǎn)業(yè)迅速發(fā)展。依托達(dá)內(nèi)集團(tuán)國內(nèi)持平的課程體系(TTS6.0),雄厚的師資力量,廣闊的就業(yè)平臺,迄今為止已與國內(nèi)上萬家IT企業(yè)進(jìn)行人才輸送合作,其中緊密合作企業(yè)4000余家、深入合作企業(yè)200余家、訂單輸送聯(lián)盟企業(yè)107家。
一、什么是前端?
當(dāng)然這僅僅是是Web前端設(shè)計的一部分而已,這被成為-界面設(shè)計。WEB前端設(shè)計實(shí)際上是網(wǎng)頁制作,經(jīng)過Web1.0進(jìn)入Web2.0之后網(wǎng)站的前端由此發(fā)生了翻天覆地的變化,網(wǎng)頁不再只是承載單一的文字和圖片,它除了設(shè)計還要掌握開發(fā)技術(shù),如:HTML、CSS和JavaScript等。
二、Web前端設(shè)計主要分為5個步驟:
1.看需求;
2.畫草圖;
3.設(shè)計界面;
4.前端代碼編寫;
5.兼容性調(diào)試。
當(dāng)然事情并不,除了必要的步驟之外還有一些細(xì)節(jié)需要去做,設(shè)計前與產(chǎn)品經(jīng)理,視覺分析師,體驗師溝通。設(shè)計定稿后,就是和后臺程序員,測試工程師溝通,并反復(fù)調(diào)試。
三、扁平化VS擬物化
扁平化與擬物化,作為設(shè)計師現(xiàn)在必然要知道的兩個詞,那么他們本身都有什么樣的優(yōu)缺點(diǎn)呢?
1、什么是扁平和擬物設(shè)計
扁平化設(shè)計(Flatdesign)完全屬于二次元,這個概念核心的地方就是放棄一切裝飾效果,諸如陰影,透視,紋理,漸變等等能做出3D效果的元素一概不用。所有的元素的邊界都干凈利落,沒有任何羽化,漸變,或者陰影。
而擬物設(shè)計(Skeuomorph)正好相反,他需要加入各種元素的效果,通過不同的效果組合達(dá)到模擬要呈現(xiàn)物件外觀的目的,以使新的外觀讓人感覺熟悉和親切。
2、扁平化與擬物化的優(yōu)缺點(diǎn)
扁平化設(shè)計單獨(dú)設(shè)計起來更容易,突出內(nèi)容主題,減弱各種漸變、陰影、高光等視覺效果對用戶視線的干擾,讓用戶更加專注于內(nèi)容本身,并且容易統(tǒng)一設(shè)計風(fēng)格,調(diào)整設(shè)計方案更加方便。而現(xiàn)在手機(jī)平板電腦“橫行”的今天,扁平化設(shè)計更能支持手勢交互,而且它占用系統(tǒng)空間相對較少。
擬物化設(shè)計更適合初級人員了來做,這并不表示擬物化設(shè)計簡單,而正是因為它的復(fù)雜所以更適合初級人員來做,可以讓設(shè)計人員短時間內(nèi)熟悉各種效果的實(shí)現(xiàn),更好掌握色彩搭配等。并且擬物化設(shè)計認(rèn)知和學(xué)習(xí)成本低,更能直接的表現(xiàn)出想表現(xiàn)的事物。
相對于它們的優(yōu)點(diǎn)多多,它們的缺點(diǎn)確是一目了然。擬物化設(shè)計更傾向于視覺效果,功能實(shí)現(xiàn)很少。扁平化所能承載的信息量太少,會提高用戶的學(xué)習(xí)成本。
四、前端設(shè)計如何規(guī)范?
(一)前端設(shè)計當(dāng)然應(yīng)該規(guī)范,原因是:
1、為了信息加載更快。
2、有利于后期調(diào)適和修改
3、有利項目二次開發(fā)。
4、有利于項目交接。
(二)那么前端設(shè)計應(yīng)該如何規(guī)范呢?
1、基本的就是代碼規(guī)范,整齊、簡潔的代碼規(guī)范更方便后期調(diào)試和修改,也方便重用。
2、樣式素材歸類規(guī)范,養(yǎng)成好的素材歸類習(xí)慣,也是設(shè)計規(guī)范的一種。
五、設(shè)計師應(yīng)該從什么角度考慮用戶體驗
一直以來產(chǎn)品的設(shè)計都是在討好用戶,或者說是讓用戶知道什么是適合他的設(shè)計,那么我們要從哪些角度讓用戶知道這些呢?總體來說大致可以分為兩種,一種是視覺上給予用戶滿足,另一種則是在流程引導(dǎo)上下功夫。
細(xì)致說來可以分為以下幾點(diǎn):
1、符合產(chǎn)品特點(diǎn)的視覺呈現(xiàn),并把自己代入用戶場景和角色設(shè)計布局(地鐵中右手使用手機(jī)等)。
2、突出的,利于使用的視覺交互體驗。
3、用戶對產(chǎn)品功能不清晰的情況下,通過視覺表現(xiàn)合理的引導(dǎo)整個使用的流程。
總結(jié)來說就是在視覺上引導(dǎo)和取悅用戶,在元素布局上讓用戶使用方便。實(shí)現(xiàn)訂單頁的功能分析。