Godzilla. 2016-09-05
網(wǎng)站建設(shè)
怎樣設(shè)計(jì)網(wǎng)頁(yè)？網(wǎng)頁(yè)設(shè)計(jì)中的懸停樣式設(shè)計(jì)
懸停樣式指的是隨著頁(yè)面的滑動(dòng)，廣告位或者其他懸停動(dòng)效始終停留在相對(duì)固定的位置，一直停留在觀眾視野中。怎樣設(shè)計(jì)網(wǎng)頁(yè)？網(wǎng)頁(yè)設(shè)計(jì)中的懸停樣式設(shè)計(jì)。
1、懸停效果
懸停效果是幫助用戶導(dǎo)航與網(wǎng)站交互的一種方式。當(dāng)一個(gè)用戶在屏幕上的某個(gè)區(qū)域移動(dòng)鼠標(biāo)時(shí)，懸停效果迫使該區(qū)域改變顏色，顯示文本或彈出一個(gè)相關(guān)信息框。懸?？梢援a(chǎn)生一個(gè)簡(jiǎn)單的動(dòng)作，如顏色變化或更復(fù)雜的東西。網(wǎng)站設(shè)計(jì)中懸停效果通常都是定制網(wǎng)站中設(shè)計(jì)的。
懸停樣式是最常見的鏈接或提示的一種方式。該效果是有用的，因?yàn)樗峁╊~外的信息到網(wǎng)站，這是一個(gè)很好的方式。懸停樣式實(shí)際上可以添加一個(gè)額外的和有趣的元素到一個(gè)網(wǎng)站。懸停動(dòng)作和提示也提供一個(gè)有價(jià)值的用戶體驗(yàn)。他們?cè)试S用戶獲得額外的信息，而不遠(yuǎn)離他們所處于網(wǎng)站上某個(gè)位置。這些小的信息可以幫助導(dǎo)航提供額外的資源。
當(dāng)使用懸停樣式時(shí)，設(shè)計(jì)理念應(yīng)該是創(chuàng)建一個(gè)適合你的設(shè)計(jì)大綱的風(fēng)格，但不同的是，用戶會(huì)注意到它鼠標(biāo)的結(jié)束。您希望用戶在站點(diǎn)周圍移動(dòng)，以查看其他元素也可能包括懸停信息。懸?？梢杂迷诰W(wǎng)站上的任何元素，不只是鏈接。
2、使用懸停樣式的優(yōu)點(diǎn)
懸停風(fēng)格可以是一個(gè)有趣的組成部分。有這么多的整潔的東西，你可以使用這種技術(shù)，這是它如此受歡迎的原因之一。
·如制作照片縮放，移動(dòng)或改變大小的效果。
·為用戶提供信息。
·添加一個(gè)額外的信息檢索網(wǎng)站。
·在他們點(diǎn)擊之前向用戶提供鏈接的信息。
3、使用懸停樣式的缺點(diǎn)
使用懸停樣式也有一些缺點(diǎn)：
·他們不工作在移動(dòng)設(shè)備，觸摸屏為基礎(chǔ)的設(shè)備。
·懸停操作可以隱藏屏幕上的其他信息。
·懸停導(dǎo)航可以強(qiáng)制用戶，雖然像是“隧道”，但阻礙導(dǎo)航。
4、設(shè)計(jì)方案
一旦你決定是否懸停，你必須開始思考做什么類型的設(shè)計(jì)風(fēng)格。風(fēng)格會(huì)有什么樣的表現(xiàn)？它會(huì)吸引用戶做什么呢？
懸停樣式以各種形式出現(xiàn)，而它們幾乎完全是彈出式的，許多都是簡(jiǎn)單的。根據(jù)你的CSS知識(shí)，選擇懸停方式幾乎是無(wú)限的。選項(xiàng)包括彈出窗口，顏色變化，圖像調(diào)整，添加或移動(dòng)文本，閃光或滾動(dòng)，滑動(dòng)元素和更多。
5、超越懸停
在響應(yīng)網(wǎng)站的激增的下一步是什么？老實(shí)說(shuō)，我們還不太清楚。設(shè)計(jì)師必須保持靈活，并適應(yīng)變化。雖然懸停樣式仍然是一個(gè)有用的和重要的工具，使用將繼續(xù)發(fā)展?？紤]你的網(wǎng)站和效果，并關(guān)閉移動(dòng)和觸摸設(shè)備的懸停。考慮在這些設(shè)備上的導(dǎo)航和附加信息的替代選項(xiàng)，如幻燈片控件或使用這些功能的圖標(biāo)。
任何桌面網(wǎng)站設(shè)計(jì)中，懸停風(fēng)格可以是一個(gè)有趣的和有用的設(shè)計(jì)。記住，這種技術(shù)有一定的局限性，它給設(shè)計(jì)師帶來(lái)了許多機(jī)遇和挑戰(zhàn)。你在當(dāng)前的項(xiàng)目中使用懸停效果了嗎？
下一篇：APP設(shè)計(jì)中，圖標(biāo)設(shè)計(jì)的這些點(diǎn)你get到了嗎？
上一篇：你需要一個(gè)網(wǎng)站設(shè)計(jì)風(fēng)格指南嗎？
文章標(biāo)簽：
網(wǎng)頁(yè)設(shè)計(jì)
Godzilla 簽
為了在編輯、圖象設(shè)計(jì)方面進(jìn)一步的提高，我想投身于網(wǎng)站行業(yè)中，一展所長(zhǎng)，為所在的公司和社會(huì)貢獻(xiàn)一分力量!
文章評(píng)論：