在是時(shí)候討論一些關(guān)于網(wǎng)頁(yè)設(shè)計(jì)的屏幕頁(yè)面的設(shè)計(jì)思想了。它可以說是你整個(gè)網(wǎng)站設(shè)計(jì)的門面工程。無(wú)論用戶從桌面設(shè)備、平板電腦還是移動(dòng)設(shè)備訪問您的網(wǎng)站,所有內(nèi)容都將反映在該頁(yè)面上。
因此,你在包含的信息是成功網(wǎng)站設(shè)計(jì)的關(guān)鍵。這個(gè)設(shè)計(jì)與你的網(wǎng)頁(yè)設(shè)計(jì)有關(guān),是為了吸引用戶留下來做你期望的,或者強(qiáng)迫他們離開你的網(wǎng)站。用戶在開始滾動(dòng)之前需要在屏幕上顯示什么?讓我們看看。
首先創(chuàng)建一個(gè)獨(dú)到的屏幕
所有的網(wǎng)站都是從印象開始的。因此,你需要?jiǎng)?chuàng)建一個(gè)有影響力的網(wǎng)站,吸引用戶眼。
你可以嘗試你的視覺體驗(yàn)-通過使用大,高清照片,視頻或插圖,你可以有效地吸引觀眾。你選擇的圖像應(yīng)該是人們不想停止觀看的圖像。它應(yīng)該有你自己獨(dú)到的元素,以區(qū)別于任何其他網(wǎng)站設(shè)計(jì)。
你可以把圖片和一些關(guān)鍵詞結(jié)合起來,告訴用戶他們來這里是為了什么,以及你的網(wǎng)站能為他們提供什么內(nèi)容。
這就是當(dāng)你把它們放在一起時(shí)應(yīng)該考慮的問題:在所有終端設(shè)備上,屏幕的大小必須與屏幕的大小完全相同。因此,您需要負(fù)責(zé)任地縮放內(nèi)容,以便整個(gè)圖像和所有相關(guān)內(nèi)容文本在屏幕上仍然可以看到,而無(wú)需滾動(dòng)。
導(dǎo)航被放在側(cè)邊欄或屏幕頂部的日子一去不復(fù)返了。隱藏式和彈出式導(dǎo)航方式已成為當(dāng)前的大勢(shì)所趨,也被用戶所接受(部分是由于移動(dòng)設(shè)備)。所有的網(wǎng)站設(shè)計(jì)都可以接受這種風(fēng)格。
但不要完全隱藏導(dǎo)航或使其難以使用。不管你是不是已經(jīng)成為了漢堡包導(dǎo)航風(fēng)格中的隱藏導(dǎo)航。用戶已經(jīng)學(xué)會(huì)了使用它,可以很容易地在頁(yè)面上找到他們想要的東西。
您需要確保導(dǎo)航折疊圖標(biāo)放置在用戶可以輕松找到的位置。你可以讓它比一個(gè)典型的圖標(biāo)更大,以增強(qiáng)他的存在感(當(dāng)然,不要過度),并確保導(dǎo)航功能完全可用。在以上的uve網(wǎng)頁(yè)設(shè)計(jì)中,做了一個(gè)很好的演示。突出顯示的漢堡菜單圖標(biāo),可擴(kuò)展到全屏菜單選項(xiàng)列表。重要的是,用戶不必猜測(cè)如何使用它。
創(chuàng)建關(guān)聯(lián)點(diǎn)
當(dāng)你考慮如何在你的網(wǎng)頁(yè)設(shè)計(jì)工作中設(shè)計(jì)一個(gè)頁(yè)面,比如屏幕,重要的是創(chuàng)建一個(gè)單一的焦點(diǎn)或有用的信息。當(dāng)用戶有意或無(wú)意地訪問你的網(wǎng)站時(shí),他們首先需要知道網(wǎng)站的用途。
一個(gè)單一的視覺概念可以幫助用戶關(guān)聯(lián)(或關(guān)聯(lián))你是誰(shuí)和你建議做什么。這可以通過圖像或文本以許多不同的方式實(shí)現(xiàn)。
雖然復(fù)雜的設(shè)計(jì)風(fēng)格可以達(dá)到這種效果,為什么不開始考慮簡(jiǎn)單的方法呢。極簡(jiǎn)主義不僅時(shí)尚,而且是傳達(dá)信息的有效方式。
它應(yīng)該包含足夠的文本信息來幫助用戶參與其中。一個(gè)簡(jiǎn)單的標(biāo)題和一小段文本通常就足夠了。雖然這方面的內(nèi)容很少,但這可能是一個(gè)需要大量工作的過程。寫作需要簡(jiǎn)潔明了,而且要整理出一套清晰的文本內(nèi)容可能會(huì)很有挑戰(zhàn)性。
以你的網(wǎng)站目標(biāo)為指導(dǎo)。為什么用戶在這里?你想讓他們做什么?用文字來創(chuàng)造相關(guān)性,然后開始講述你的故事。記住要向用戶展示你的網(wǎng)站比其他類似網(wǎng)站有哪些優(yōu)勢(shì)或好處。