鄭州金水區(qū)ui設(shè)計(jì)培訓(xùn)哪家教的好?鄭州學(xué)易培訓(xùn),一家以實(shí)戰(zhàn)為主的就業(yè)式培訓(xùn)機(jī)構(gòu),根據(jù)企業(yè)和市場(chǎng)對(duì)ui設(shè)計(jì)師的需求對(duì)學(xué)員進(jìn)行定向培養(yǎng),畢業(yè)全部安排到企業(yè)去上班,全程提供技術(shù)指導(dǎo),給你不一樣的三個(gè)月ui設(shè)計(jì)課程體驗(yàn),全程實(shí)力派講師真實(shí)項(xiàng)目講解,工作經(jīng)驗(yàn)手把手教授,只為成就有思想有創(chuàng)意的ui設(shè)計(jì)師
作為ui前端設(shè)計(jì)師,在重構(gòu)網(wǎng)頁(yè)的時(shí)候,會(huì)碰到因?yàn)闉g覽器兼容、開發(fā)周期、后臺(tái)數(shù)據(jù)循環(huán)等因素,導(dǎo)致無(wú)法*還原設(shè)計(jì)稿,這是最頭疼的,接下來(lái),鄭州學(xué)易培訓(xùn)韓老師給大家分享關(guān)于*還原設(shè)計(jì)稿十條經(jīng)驗(yàn)
1、網(wǎng)頁(yè)的寬度
網(wǎng)頁(yè)的寬度一般我們都會(huì)去適應(yīng)*的分辨率1024*768,所以我們?cè)谠O(shè)計(jì)的時(shí)候,都會(huì)把頁(yè)面內(nèi)容的*寬度小于1000像素,比如960像素、1000像素、1200像素等,但是也有一些不專業(yè)的設(shè)計(jì)師會(huì)做出987、1013等奇數(shù)的寬度,以及各種無(wú)規(guī)律的行高,相同元素,不同大小等問(wèn)題。
2、元素邊緣
通常情況下一個(gè)按鈕在PSD的格式下很清晰,邊緣也不會(huì)有失真的像素點(diǎn),但是在導(dǎo)出的時(shí)候由于存儲(chǔ)的質(zhì)量的原因?qū)е掳粹o的邊緣像素失真,真的是太不應(yīng)該了
3、圖層模式
在網(wǎng)頁(yè)重構(gòu)過(guò)程中,為了實(shí)現(xiàn)網(wǎng)頁(yè)的局部透明,我們會(huì)使用PNG格式的透明圖片,但是如果按鈕下的圖片和按鈕存在某中顏色上的疊加,那肯定無(wú)法*設(shè)計(jì)稿還原了
4、圖片的尺寸
圖片的尺寸,對(duì)于重構(gòu)來(lái)說(shuō),*使用整數(shù),比如120*80,這樣對(duì)于后期制作響應(yīng)式布局,很方便,而像133*71這種類型的尺寸,要做響應(yīng)式,我就無(wú)力吐槽了,各種調(diào)試,只是因?yàn)槌叽绮皇钦麛?shù)
5、圖層文件夾的使用
一些設(shè)計(jì)師在設(shè)計(jì)過(guò)程中,為了追求速度,而不去合理使用圖層面板提供的文件夾,導(dǎo)致網(wǎng)頁(yè)重構(gòu)的時(shí)候,話費(fèi)大量的時(shí)間來(lái)整理圖層。
6、填充和邊距
同樣的模塊,千萬(wàn)不要出現(xiàn)不同的間距和填充值以及邊距和填充的值一定要是偶數(shù),否則重構(gòu)過(guò)程中,你會(huì)崩潰的
7、全方位考慮
在這里是重點(diǎn)來(lái)說(shuō)一下,什么是全方位考慮,比如在重構(gòu)過(guò)程中,一個(gè)模塊一共有10條新聞,每條新聞高度為30,那么不要把模塊的高度定義為300,而是要定義為自適應(yīng),因?yàn)槿绻笃诳蛻粢笤黾踊蛘邷p少的時(shí)候,你需要調(diào)整全部和這個(gè)模塊有關(guān)系的高度值
8、輔助線的重要性
作為設(shè)計(jì)師都知道輔助線的重要性,它并不只是輔助的作用,更重要的是可以用來(lái)測(cè)量距離,而這個(gè)距離,千萬(wàn)不要因?yàn)樽龅亩啵ツ繙y(cè),用輔助線來(lái)測(cè)量一下話費(fèi)不了多久。始終記住一點(diǎn),那就是有關(guān)尺寸的問(wèn)題,必須要?jiǎng)邮譁y(cè)量
9、使用圖片還是使用CSS實(shí)現(xiàn)
最典型的例子就是圓角矩形,可以很簡(jiǎn)單的把這個(gè)矩形從效果圖里面扣出來(lái),也可以使用CSS3來(lái)實(shí)現(xiàn);這個(gè)時(shí)候考慮*化還原設(shè)計(jì)稿,可以直接使用圖片,*程度的模塊化、*程度的模塊可移植性、*程度的自適應(yīng)性、各種極限情況的考慮,才是優(yōu)秀的ui設(shè)計(jì)工程師
10、寬度高度問(wèn)題
你也許碰到過(guò)這樣的問(wèn)題,好不容易把設(shè)計(jì)稿還原為了網(wǎng)頁(yè)格式,但是卻因?yàn)橐粋€(gè)高度弄錯(cuò),而需要改一大堆的參數(shù),耗時(shí)耗力,學(xué)會(huì)不要把寬度高度寫死,你會(huì)很輕松
相信,作為設(shè)計(jì)師的你看完,有沒(méi)有想離開拿起一個(gè)項(xiàng)目,來(lái)實(shí)踐操作一下呢!
想做好ui設(shè)計(jì)工程師,就來(lái)鄭州學(xué)易培訓(xùn),四大培訓(xùn)特色為你成功就業(yè)做保障,全程技術(shù)指導(dǎo),面對(duì)面授課,跟著名師一起實(shí)戰(zhàn)項(xiàng)目操作,從實(shí)戰(zhàn)中積累經(jīng)驗(yàn),這才是王道。鄭州學(xué)易培訓(xùn)不僅僅是你ui設(shè)計(jì)道路上的導(dǎo)師,更是你的朋友。
========鄭州學(xué)易培訓(xùn)=========
鄭州網(wǎng)頁(yè)美工培訓(xùn):
鄭州網(wǎng)頁(yè)設(shè)計(jì)培訓(xùn):
鄭州淘寶美工培訓(xùn):
【聯(lián)系人】:韓老師
【聯(lián)系地址】:鄭州市金水區(qū)北環(huán)路文化路向西200米路北瀚海愛特中心2506室
七條網(wǎng)頁(yè)設(shè)計(jì)視覺呈現(xiàn)技巧:/
網(wǎng)頁(yè)設(shè)計(jì)從平庸到卓越只需五步:/
web前端如何*化實(shí)現(xiàn)設(shè)計(jì)稿還原:/
ui設(shè)計(jì)師必知的色彩基礎(chǔ)知識(shí):/
ui設(shè)計(jì)師必知的色彩基礎(chǔ)知識(shí):/