南京ui界面設(shè)計培訓(xùn)學(xué)校排名

南京ui界面設(shè)計培訓(xùn)學(xué)校排名，天琥教育是一家具有極強專業(yè)性的UI設(shè)計培訓(xùn)機(jī)構(gòu)，課程緊貼就業(yè)市場需求設(shè)計!超多干貨原創(chuàng)課程，超多流行熱門課程，超多前沿國外案例，像玩游戲一樣循序漸進(jìn)的趣味學(xué)習(xí)，天琥教育說專注教學(xué)設(shè)計。

天琥設(shè)計培訓(xùn)學(xué)校課程從實際出發(fā)，讓學(xué)員真正了解當(dāng)下zui前沿的設(shè)計概念，zui放心的設(shè)計規(guī)范以及公司的項目、流程。以蘋果IOS和Android設(shè)計為實例，所講內(nèi)容包括：AxureRP原型思維導(dǎo)圖，UE流程概念，紙本原型設(shè)計，SukiKiTs的使用，PrototypingOnPaperIos應(yīng)用，移動平臺觸摸式設(shè)計，超級界面優(yōu)化，人機(jī)細(xì)節(jié)設(shè)計等。在理解前沿概念的同時，并能夠?qū)崿F(xiàn)zuizui規(guī)范的案例，為挑戰(zhàn)高薪做好zui充足的準(zhǔn)備。

在平時的工作中，會接觸到很多“下層頁面設(shè)計”。下層頁面設(shè)計就是，根據(jù)主設(shè)計師設(shè)計的主頁面進(jìn)行下層頁面的制作。對于頁面較多的網(wǎng)站，會經(jīng)常這樣分工協(xié)作。在拿到首頁設(shè)計時，首先要對整體仔細(xì)確認(rèn)。如果這一步?jīng)]有認(rèn)真做，接下來的頁面就會陷入不斷修正的麻煩之中。

需要確認(rèn)的要點

1、網(wǎng)站的目的

入手下層頁面設(shè)計的**件事，就是了解主設(shè)計師在設(shè)計主頁面時的思路。如果不了解這個思路，就可能會和原有的設(shè)計意圖有偏頗，導(dǎo)致返工。因此，不明白的地方和在意的細(xì)節(jié)都要好好確認(rèn)。這樣，如果在設(shè)計的時候能有明確的目的，和主頁面有區(qū)別的地方也會比較容易思考了。

2、使用的字體

一個網(wǎng)站給人的印象是會受字體所影響的。如果字體不統(tǒng)一，就會跟人一種進(jìn)入了不同網(wǎng)站的感覺。標(biāo)題和正文的字體一定要區(qū)分開來。另外，主頁面沒有使用的字體盡量不要使用。因此，在著手設(shè)計之前zui好提前確認(rèn)準(zhǔn)備好。

3、文本的規(guī)則

字體接下來就是樣式。這一點很容易造成不統(tǒng)一，所以要特別注意。細(xì)分一下需要確認(rèn)的主要有三個重要點。

a.頁面標(biāo)題、目錄和正文的字號

一般來說下層頁面會使用和主頁面一樣的字號，每個頁面正文所使用的文本樣式都會相同。在PS中有“庫”的功能，登錄之后就可以很**地為開始制作做好準(zhǔn)備。另外，在對字號進(jìn)行調(diào)節(jié)的時候，也有為了增加印象將跳躍率調(diào)整為同樣的情況。b.字間距、行間距

文字的行間距如果發(fā)生變化，整個頁面給人的印象就會因此不同，所以下層頁面要增加和主頁面統(tǒng)一。在不得不隨著文字的多少和內(nèi)容發(fā)生變化的時候，也不要增加太多的規(guī)則。

c.語言的使用

雖然不是直接和設(shè)計有關(guān)，但是同樣的內(nèi)容卻使用不同的語言會造成混亂。詞尾也同樣，會根據(jù)持有的印象不同而變化，因此有注意的必要。

4、色彩

確認(rèn)使用的顏色。使用太多的顏色將會很難實現(xiàn)統(tǒng)一感，主要的部分也會變得不突出。

a.主色和點綴色

要確認(rèn)頁面中使用的主色和點綴色，記錄好色號。

b.文字色

增加不同的頁面使用的文字顏色統(tǒng)一，掌握好不同位置的文字所用的顏色。根據(jù)想要醒目一些的內(nèi)容，注釋的內(nèi)容等，要有層次感的變化，根據(jù)各個頁面建立統(tǒng)一的規(guī)則。

5、排版、留白

布局和排版要根據(jù)不同的目的而變化。為了引導(dǎo)視線，一個頁面中zui想傳達(dá)的內(nèi)容要zui醒目。這樣的規(guī)則要配合各個頁面得到統(tǒng)一。在這里面重要的劃分就是留白。若不確認(rèn)好目錄與正文之間及目錄本身的留白，就會變得散亂而失去了設(shè)計的一貫性?；ㄙM時間去修改頁面的要素，可能就會耽誤整體的進(jìn)度，所以在設(shè)計的時候要好好確認(rèn)。

6、圖片

下層頁面在使用圖片的時候，應(yīng)該使用和主頁面同樣風(fēng)格的圖片，整體調(diào)整色調(diào)。事先在決定使用哪些圖片的時候，zui好先確認(rèn)一下色調(diào)，這樣后面就會順利很多。并且，還要事先考慮是否適用于移動設(shè)備上，尤其是響應(yīng)式頁面圖片的比例要保持一致，在移動設(shè)備上是否能夠完全顯示也必須考慮到，這樣會給之后減少很多工作量。

7、ICON

ICON的設(shè)計也必須要增加統(tǒng)一。在追加新icon的時候要增加和原來的風(fēng)格統(tǒng)一。在設(shè)計每一個ICON的時候要確認(rèn)好。并且，在辨率的屏幕上查看，ICON的畫質(zhì)會變糟，所以要制作大一點的尺寸，然后再轉(zhuǎn)成webfont。這樣就可以增加在任何環(huán)境下顯示效果都會好。在這里也要事先考慮好移動設(shè)備的情況。

8、裝飾

例如，有圓角的按鈕，圓角的大小和線條的粗細(xì)，按鈕的尺寸和使用的場合都應(yīng)該基本保持統(tǒng)一。無視主頁面已經(jīng)使用的元素，在下層頁面制作新的元素就會打破整體的規(guī)則。一般會要么都是圓角，要么都是直角，基本沒有混合使用的情況，所以不要讓破壞整體風(fēng)格的元素出現(xiàn)。

9、動效

按鈕點擊的動效，頁面收起展示目錄的動效，整體從左右移動的方向和上下移動的方向一般都要保持一致，以增加統(tǒng)一。要注意頁面中不應(yīng)該出現(xiàn)和整體動效原則相違背的元素。