理论片免费一级久久,中文字幕玖玖资源亚洲精品,亚洲午夜精品一级毛片在线播,亚洲日韩三级片中文字幕

與平面不同，在UI和網(wǎng)頁(yè)設(shè)計(jì)中，模塊是經(jīng)常出現(xiàn)，并且貫穿設(shè)計(jì)稿始終的。每個(gè)網(wǎng)頁(yè)都是由模塊組成的，并且常用模塊都會(huì)有固定的稱(chēng)呼。我這里先列舉網(wǎng)頁(yè)中經(jīng)常出現(xiàn)的幾個(gè)模塊，搞懂了模塊，才好進(jìn)行下面的講解。

比較常見(jiàn)的是這幾個(gè)模塊，幾乎每個(gè)網(wǎng)頁(yè)中都會(huì)出現(xiàn)：

Header

頁(yè)面中header部分一般位于網(wǎng)頁(yè)中最上端，內(nèi)容主要包括網(wǎng)站名稱(chēng)或Logo的網(wǎng)站的導(dǎo)航部分。一般來(lái)說(shuō)，header的高度是60-90px，當(dāng)然這個(gè)數(shù)值并不絕對(duì)，也有100px的header，看實(shí)際需要。不過(guò)100px的話(huà)，就已經(jīng)很高了。

這里是我這套網(wǎng)站里面登錄前的狀態(tài)，我這里的header非常簡(jiǎn)單，放在banner里面呈現(xiàn)，也沒(méi)有做其它特殊效果。（關(guān)于banner的概念，下文中會(huì)有提到）

再放一些其它網(wǎng)站的header進(jìn)來(lái)做以參考：

站酷的header，站酷的高度設(shè)置是54px。

2.摩拜的header，高度設(shè)置是80px。

導(dǎo)航欄

導(dǎo)航欄是指位于頁(yè)面頂部或者側(cè)邊區(qū)域的，在頁(yè)眉橫幅圖片上邊或下邊的一排水平導(dǎo)航按鈕。很多網(wǎng)站的導(dǎo)航欄會(huì)顯示是=在header里面，上文中的站酷、摩拜的導(dǎo)航欄就是這類(lèi)，是一種很普遍的導(dǎo)航方式，這里就不再單獨(dú)列舉。

其它也有不同的導(dǎo)航方式，我這套網(wǎng)站里面，使用的就是下拉的導(dǎo)航方式：

Banner

一般來(lái)說(shuō)，息縣網(wǎng)站建設(shè)首頁(yè)打開(kāi)是會(huì)有一張橫著的大圖的，它會(huì)占用網(wǎng)頁(yè)很大的面積。這張大圖就叫Banner。Banner的其用面積之大，對(duì)網(wǎng)頁(yè)的整體風(fēng)格和用戶(hù)的第一感受，都會(huì)造成很大影響。

因?yàn)檫@個(gè)圖片給客戶(hù)傳達(dá)的信息量最大，給客戶(hù)的吸引力也最大，所以在網(wǎng)頁(yè)設(shè)計(jì)中Banner的地位尤其重要。甚至，一套網(wǎng)頁(yè)在視覺(jué)上好不好，Banner可以起到舉足輕重的作用。如果Banner設(shè)計(jì)的足夠漂亮，就能給網(wǎng)站帶來(lái)很多的亮點(diǎn)；反之如果這個(gè)Banner做的很普通，就會(huì)導(dǎo)致整個(gè)網(wǎng)站顯得很普通。

而作為網(wǎng)頁(yè)中占比最大的圖片，Banner需要給客戶(hù)傳達(dá)有用的信息，否則這個(gè)Banner便是一個(gè)沒(méi)有內(nèi)涵的圖片而已，浪費(fèi)了網(wǎng)站空間。大多數(shù)Banner的尺寸都在450-750px之間，也是具體看實(shí)際需要。

這邊放上我這個(gè)黨建網(wǎng)站的Banner，高度是550px。

下面也放幾張其它網(wǎng)站的Banner案例，給各位做以參考：

1.天天看看的Banner，他們的高度設(shè)置是573px。視頻網(wǎng)站的話(huà)，一般都是放片子上來(lái)做Banner。一來(lái)方便影片推廣，二來(lái)又增加了自己網(wǎng)站的視頻播放量。

包括其他視頻網(wǎng)站，如優(yōu)酷、騰訊視頻等等，Banner都是采用片子的形式：

優(yōu)酷的Banner是572px；

騰訊視頻的Banner是539px。

2.淘寶店鋪的Banner，高度設(shè)置128px。

這一類(lèi)Banner又比較特殊。相比其它類(lèi)型的網(wǎng)站，淘寶的Banner是很小的了，高度僅有128px?？紤]到淘寶上面的店鋪極多，賣(mài)家又大多是個(gè)體商家，不一定會(huì)在店面設(shè)計(jì)上花許多心思。在這樣的情況下，盡量減少Banner的占比，也確實(shí)保持網(wǎng)站整體風(fēng)格統(tǒng)一的方法之一。

內(nèi)容區(qū)

到這里我們應(yīng)該能理解“模塊”的概念了。通常Banner下面就是網(wǎng)站內(nèi)容的的模塊，按照每個(gè)網(wǎng)站的不用，這里的模塊也不相同。具體就按照每個(gè)網(wǎng)站所提供的需求進(jìn)行設(shè)計(jì)就好。有沒(méi)有說(shuō)清楚的地方可以留言，或者私信。

Footer

我們?yōu)g覽網(wǎng)站時(shí)，翻到網(wǎng)站頁(yè)面底部時(shí)，底部區(qū)域展示的信息就是Footer。通常Footer區(qū)會(huì)顯示版權(quán)信息和備案號(hào)等資料，用戶(hù)可以從中獲得網(wǎng)站的基本信息。

1.造作

造作的Footer就放入了很多元素進(jìn)來(lái)，從社交媒體鏈接（微信、新浪）、聯(lián)系方式（電話(huà)、店鋪地址）到頁(yè)面信息（版權(quán)、著作權(quán)等信息）和網(wǎng)站地圖（快速跳轉(zhuǎn)到指定頁(yè)面的跳轉(zhuǎn)鏈接）都有展示，這也就占用了頁(yè)面比較大的篇幅。

2.玉名牧場(chǎng)

玉名牧場(chǎng)的Footer也展示了比較多的信息，加入了電話(huà)、導(dǎo)航的元素。在Footer區(qū)展示導(dǎo)航的方式，在網(wǎng)站設(shè)計(jì)中并不多見(jiàn)。

主視覺(jué)區(qū)：

最后在引入一個(gè)概念，就是網(wǎng)頁(yè)設(shè)計(jì)中的主視覺(jué)區(qū)。

做效果圖的時(shí)候，為了讓不同的顯示器及瀏覽器在瀏覽頁(yè)面的時(shí)候不出現(xiàn)問(wèn)題，不出現(xiàn)大小偏差等情況，我們?cè)谠O(shè)計(jì)的時(shí)候通常會(huì)在頁(yè)面兩邊進(jìn)行留白處理。將需要展現(xiàn)的內(nèi)容，集中讓在頁(yè)面中部，形成一個(gè)視覺(jué)范圍。

視覺(jué)區(qū)的大小并沒(méi)有硬性規(guī)定，但是為了兼容大多數(shù)瀏覽器一般是設(shè)置960px。隨著現(xiàn)在瀏覽器分辨率的變化，已開(kāi)始向著1000px,1200px寬度發(fā)展。

如果需要兼容不同瀏覽器尺寸，現(xiàn)在比較流行的做法是做成響應(yīng)式的，即根據(jù)不同分辨率顯示不同的尺寸，工作量也就隨之增加了。

以UI中國(guó)舉例，中間沒(méi)有遮罩的白色部分這個(gè)就是視覺(jué)區(qū)域，UI中國(guó)的范圍的1180px。

網(wǎng)頁(yè)方面，模塊的內(nèi)容大概就是這些，我覺(jué)得對(duì)新手來(lái)說(shuō)還是比較全面的了。