前端需要哪些ui知識(shí)？我是一名ui設(shè)計(jì)師，就我的角度來(lái)分享分享看看前端不需要哪些ui知識(shí)。這對(duì)前端來(lái)說(shuō)簡(jiǎn)單的方法得打聽(tīng)一下頁(yè)面的切圖，應(yīng)該是可分3種，3倍圖（1920*1080），2倍圖(750*13

前端需要哪些ui知識(shí)？

我是一名ui設(shè)計(jì)師，就我的角度來(lái)分享分享看看前端不需要哪些ui知識(shí)。

這對(duì)前端來(lái)說(shuō)簡(jiǎn)單的方法得打聽(tīng)一下頁(yè)面的切圖，應(yīng)該是可分3種，3倍圖（1920*1080），2倍圖(750*1334)，和一倍圖的尺寸包括切圖規(guī)范。切圖是要注意將同一類(lèi)的圖標(biāo)切成統(tǒng)一大小，更方便后續(xù)維護(hù)，將一些能實(shí)際代碼實(shí)現(xiàn)的內(nèi)容盡量避免切圖，的或曲面，漸變等等。

其次必須清楚如何能對(duì)頁(yè)面中的元素進(jìn)行組內(nèi)，找到什么比較合適的內(nèi)容，.例如banner圖由哪些部分混編，其一日一月是怎樣的。

另一方面是必須清楚現(xiàn)階段我們pc及移動(dòng)端的交互規(guī)范，打聽(tīng)一下頁(yè)面要如何跳轉(zhuǎn)鏈接，如何再添加可以刷新，要如何拼接頁(yè)面，和如何能儲(chǔ)放會(huì)合不合理等等內(nèi)容。

到最后必須了解ps中簡(jiǎn)單點(diǎn)操作，比如換顏色，添加文字，圖案填充背景等等。

本人普通機(jī)電設(shè)備前端8年，如今的前端看公司不需要有有所不同的分類(lèi)。

謝謝啊，我趁著是一個(gè)初級(jí)程序員，畜牧獸醫(yī)相關(guān)專(zhuān)業(yè)開(kāi)發(fā)完畢的工作，確實(shí)是一些最基本的。簡(jiǎn)單說(shuō)下，簡(jiǎn)單的方法前端ui主要注意由htmlcssjs三駕馬車(chē)混編，這三個(gè)可以不看作是最最基本的前端知識(shí)。稍微地向外延伸的話就有html5css3jq等知識(shí)，其實(shí)前端更大的是對(duì)框架的使用，諸如我們目前在用的kendo和admui框架。成熟的框架會(huì)讓項(xiàng)目事半功倍，因?yàn)檎莆盏綆讉€(gè)流行的前端框架都是必不可少的。

初學(xué)者如何自學(xué)UI？

初學(xué)者沒(méi)基礎(chǔ)ui這個(gè)可以從基礎(chǔ)的技能結(jié)束系統(tǒng)去去學(xué)習(xí)，常見(jiàn)包括五個(gè)階段，具體詳細(xì)不勝感激：1、最先階段：UI設(shè)計(jì)在起步階段自學(xué)的那是如何能基于視覺(jué)界面效果，這個(gè)就清楚到了PS軟件，PS軟件是位圖文件去處理，主要功能是設(shè)計(jì)視覺(jué)效果。

2、第二個(gè)階段：知道一點(diǎn)專(zhuān)業(yè)內(nèi)容網(wǎng)頁(yè)界面的設(shè)計(jì)，學(xué)習(xí)內(nèi)容有：電商網(wǎng)站界面設(shè)計(jì)，企業(yè)網(wǎng)站界面設(shè)計(jì)，游戲網(wǎng)站界面設(shè)計(jì)等。

3、第三個(gè)階段：清楚到移動(dòng)端的界面設(shè)計(jì)，學(xué)習(xí)：APP界面設(shè)計(jì)、圖標(biāo)設(shè)計(jì)、切圖標(biāo)出等。

4、第四個(gè)階段：怎么學(xué)習(xí)以?xún)?nèi)三個(gè)階段幾乎都能夠獨(dú)立設(shè)計(jì)視覺(jué)效果了，而后需要學(xué)習(xí)的是UE交互設(shè)計(jì)，交互設(shè)計(jì)涉及到如何讓項(xiàng)目變得更簡(jiǎn)單點(diǎn)呼吸順暢，比較多自學(xué)：用戶(hù)體驗(yàn)、原型圖設(shè)計(jì)、邏輯思維、交互操作動(dòng)效等。

5、第五個(gè)階段：這個(gè)階段要學(xué)H5簡(jiǎn)單的編程，而設(shè)計(jì)師設(shè)計(jì)作品項(xiàng)目后確實(shí)是需要上游戲到互聯(lián)網(wǎng)上才能夠真正實(shí)現(xiàn)方法出去，那你編程那就是代碼登陸游戲的用處要求，電腦設(shè)計(jì)打聽(tīng)一下些簡(jiǎn)單的編碼，也就能以免和后臺(tái)對(duì)接工作的一些不必的麻煩。通常去學(xué)習(xí)內(nèi)容有：HTML5CSS、JS JQ套用、CMS上游戲等。

大量地天天練習(xí)，這又是非常重要的一些。這對(duì)視覺(jué)設(shè)計(jì)師，要先從臨摹大師開(kāi)始，從基礎(chǔ)的圖標(biāo)到發(fā)下的界面，再逐漸到自己去深入去創(chuàng)作（后面會(huì)拿來(lái)講視覺(jué)設(shè)計(jì)方案）。重點(diǎn)說(shuō)看看交互設(shè)計(jì)師，是需要自己也可以去找一些是個(gè)的產(chǎn)品進(jìn)行運(yùn)動(dòng)方向所描繪，把信息架構(gòu)、交互框架、主線流程等基本都方面都勾勒出出。主要，要出具評(píng)估報(bào)告產(chǎn)品中很可能未知的交互的問(wèn)題，并提出來(lái)再改進(jìn)的具體做法。這些不是很簡(jiǎn)單口頭語(yǔ)言描述或簡(jiǎn)單的想法，你必須控制輸出線框圖，充分展現(xiàn)基本流程，這在某種程度上相當(dāng)于你在新的電腦設(shè)計(jì)這個(gè)產(chǎn)品。接著再下一個(gè)步驟就是找一兩個(gè)具體看的頁(yè)面也可以流程來(lái)參與詳細(xì)點(diǎn)的改進(jìn)，并且要聚焦在細(xì)節(jié)上面。大家必須特別注意細(xì)節(jié)是十分有用的，此處通常訓(xùn)練的是你的的動(dòng)手能力，對(duì)都差不多的元素及控件的運(yùn)用能力。所以我要找一些基本的頁(yè)面，試著重新架構(gòu)它。把一些都差不多的東西去運(yùn)動(dòng)方向勾勒出之后，你可以再次自己去看原有的產(chǎn)品，這個(gè)可以去試著自己不好算地去轉(zhuǎn)變優(yōu)化，人類(lèi)創(chuàng)造出新的產(chǎn)品來(lái)。如果沒(méi)有能積累知識(shí)到多個(gè)——把不同領(lǐng)域的產(chǎn)品都做一遍，當(dāng)然會(huì)有一些提升。另外，見(jiàn)意在每次來(lái)做完之后，要再返出去看一些基本都的書(shū)、設(shè)計(jì)規(guī)范，這時(shí)候再回過(guò)頭看設(shè)計(jì)，又會(huì)有是一樣的的收獲。