亚洲老熟女与小伙bbwtv_91.com在线_久久国产精品久久久_少妇又爽又刺激视频_女同久久另类99精品国产_亚洲一区二区不卡免费

新聞動態(tài)
簽約信息
公司信息
行業(yè)資訊

小編告訴你網(wǎng)站制作中關(guān)鍵內(nèi)容的搶眼技巧

 發(fā)布時間:2018-12-10     瀏覽次數(shù):2.4k     作者:斑驢互聯(lián)

網(wǎng)站制作中如何把你最想要展示的內(nèi)容呈現(xiàn)出來?今天斑驢互聯(lián)小編將從對比、色彩、字體、留白等方面來給大家一一講述,這是一套搶眼技巧,你值得擁有!
對比:引發(fā)興趣
為了更好地理解對比在網(wǎng)頁設(shè)計中的作用,我們先解釋下什么是對比。對比就是在一個相對封閉的環(huán)境里發(fā)生的某種元素間的一種關(guān)系。小編此前寫過《關(guān)于視覺設(shè)計中的「視重」你了解多少?》中也有提到對比的相關(guān)概念以及對比在設(shè)計中的重要性,這些元素可以是顏色、紋理、形狀、方向和大小。

http://m.ahjlmy.com.cn/storage/uploads/20181210/cd9af89c99da97063a4f6fe0359bc83e.png

只是稍稍對字號大小進(jìn)行調(diào)整,或?qū)ι蔬M(jìn)行更改,就會馬上改變整個界面的視覺效果。例如,當(dāng)你看到下面這個網(wǎng)頁時,把淺色的背景換為深色,首頁引人注目的“try it free”的首要按鈕馬上在視覺重要性上降級,而最下方的“call us”就會升級為首要的按鈕。


http://m.ahjlmy.com.cn/storage/uploads/20181210/74930c9dfb64ba594b977f91062a2f47.png


再來看看下圖中,顏色和大小是怎樣影響我們的界面視覺的。例如,很多人在第一眼掃視而過時,不會僅僅就看到了兩個圓。事實上,他們在看這兩個圓時,已經(jīng)獲得了這樣的信號“一個黑色的大圓和一個紅色的小圓”。也就是說,對比關(guān)系已經(jīng)可以在第一時間就進(jìn)入人們的大腦中,形成強(qiáng)烈的印象。


http://m.ahjlmy.com.cn/storage/uploads/20181210/53b97e37f3bdd120fbe84fc9f12d3188.png


商業(yè)工具:顏色,大小和形狀
當(dāng)我們剛開始設(shè)計一個頁面的時候,一定不要忘記了運用這幾個強(qiáng)大的視覺工具:顏色,大小和空間。設(shè)計師Alex Bigman就相信顏色和大小在管理著我們的視覺注意,而空間則幫助管理視覺元素間的關(guān)系。
顏色
簡單說,亮色可以在柔和的色彩中凸顯出來。這是顯而易見的,而更為重要的是,在設(shè)計中,你就可以運用這一關(guān)系去吸引用戶的注意。另外,特定的色彩也能幫助營造網(wǎng)站的整體氛圍(例如,藍(lán)色代表寧靜,紅色顯得張揚和富有攻擊性等)。


http://m.ahjlmy.com.cn/storage/uploads/20181210/1f2194be51a11e234a4ab4174f058d4b.png


上面這個網(wǎng)站采用的是視覺體系中的Z模式,在此模式下,他們運用色彩的技巧是非常巧妙的。水藍(lán)色的背景立刻將首要目標(biāo)按鈕凸顯在了頂部,這些目標(biāo)按鈕的色彩可以與“get active”的色彩搭配,暗示這一系列的按鈕的相關(guān)性。而下方的兩個大的矩形區(qū)域由于形狀的相似又相連,因此也暗示著它們之間的相似性。
大小
說到大小,我們通常在說的其實也就是網(wǎng)頁字體的大小。在傳統(tǒng)的從左到右自上而下的閱讀模式中,這就已經(jīng)是個很強(qiáng)大的元素了。這意味著,大號字體或段落的右下角通常是讀者最先閱讀的地方。因此,字號大一點發(fā)揮的就是一種強(qiáng)調(diào)作用。


http://m.ahjlmy.com.cn/storage/uploads/20181210/51901b5db2f0425da5c0a104e557522c.png


講到這一點,不得不提到,著名的網(wǎng)頁設(shè)計名博Smashing Magazine對50個流行的網(wǎng)頁界面進(jìn)行調(diào)查,他們發(fā)現(xiàn)這些網(wǎng)站通常都是采用標(biāo)題字號18~29px,與此匹配的文章主體字號采用12~14px,只是這項調(diào)查針對的是英文字體,而中文字體相對來說應(yīng)該字號會大一些易于辨認(rèn)。當(dāng)然,這也只是一個大概的調(diào)查,并無絕對。但是,你可以從中獲悉更多關(guān)于字號比例的排版設(shè)計的知識。
留白
網(wǎng)頁設(shè)計的目標(biāo)什么?簡單講,就是創(chuàng)作一個漂亮的頁面。那么,你將所有的漂亮的元素全部堆疊在網(wǎng)頁中就漂亮嗎?無節(jié)制的增加吸引的元素是快速毀掉自己的設(shè)計方法之一。一個網(wǎng)頁中有可以呼吸的空間是非常重要的,也就是我們總是愛說的留白。減少“視覺噪音”會讓頁面顯得更有重點。


http://m.ahjlmy.com.cn/storage/uploads/20181210/4df2316de25a24b7315a20097c3dbe66.png


Usaura的創(chuàng)始人Dmitry就已經(jīng)指出,適當(dāng)?shù)牧舭啄茉鰪?qiáng)對網(wǎng)頁內(nèi)容的理解。2004年,一些研究小組就調(diào)查過,適當(dāng)?shù)牧舭啄茏屓藗儗W(wǎng)站內(nèi)容理解程度增長20%。雖然用戶并不會直接對留白的頁面做些什么,但它卻能影響到用戶的滿足和體驗。大家可以看看上圖的頁面設(shè)計。在每一個主體內(nèi)容,都保留大量留白,用戶的視線流得到了保護(hù),讓觀者專注內(nèi)容,才是最好的體驗。
網(wǎng)頁設(shè)計視覺體系的測試:模糊法
就我所知,有人曾提出這樣一個方法來檢測自己的網(wǎng)站。尤其是當(dāng)你的網(wǎng)站有特別要強(qiáng)調(diào)的內(nèi)容時,非常適用。將自己的網(wǎng)站首頁,放在PS里模糊5~10個像素,這樣來判斷那些你想強(qiáng)調(diào)的內(nèi)容是否仍然能吸引到注意。


http://m.ahjlmy.com.cn/storage/uploads/20181210/5f877d5972497ceee965f5934989b24b.png


上圖的網(wǎng)站經(jīng)過模糊法測試后,我們會發(fā)現(xiàn)那些注冊按鈕和產(chǎn)品特性仍然是很搶眼。這樣的元素安排對我們來說就是合理的。


標(biāo)簽: 南昌網(wǎng)站建設(shè)公司/南昌做網(wǎng)站的公司/南昌微信小程序/南昌APP開發(fā)/—斑驢互聯(lián)

分享本文
每個作品都是一次思維與靈魂的碰撞
斑驢互聯(lián)在南昌一直向著“做業(yè)內(nèi)一流互聯(lián)網(wǎng)設(shè)計團(tuán)隊”這一愿景努力,不斷提升對網(wǎng)站高端設(shè)計,微信公眾號/小程序開發(fā)等產(chǎn)品的用戶體驗
400 0791 158
主站蜘蛛池模板: 大学生不戴套毛片视频 | 成人精品一区 | 成人性生交大片免费看中文带字幕 | 国产99久久久国产精品免费看 | 无限资源日本好片 | 欧美午夜精选久久久A | AV无码精品一区二区三区四区 | 国产一区二区三区精品久久呦 | 久久精品国产片 | AV男人的天堂在线观看第三区 | 一区一区三区 | 国产精品推荐天天看天天爽 | 国产一级毛片黄片 | 粉嫩一区二区三区性色av | 国产精品香港三级国产av | 亚洲国产精品大学美女久久久爽 | 日韩成人av影院 | 精品视频久久久久 | 免费精品 | 亚洲啊v在线| 免费观看一区二区三区 | 国内精品久久久久精品97感谢的访问 | 欧美97 | 中文亚洲爆乳av无码专区 | fc2成人免费人成在线观看播放 | 亚洲毛片一区二区三区 | 97SE色综合一区二区二区 | 狠狠操综合网 | 亚洲 成人 在线 | 国产香港明星裸体XXXX视频 | 性大片1000免费看 | 国产精品拍国产拍拍偷剧情 | 中文字幕精品久久一区二区三区 | 在线观看国产二区 | 好吊视频一区二区三区四区 | 天天躁日日躁狠狠久久 | 久草黄色 | 中文字幕一区二区三区精品 | 国产成人无码免费视频在线 | 先锋影音中文字幕 | 日本中文字幕在线免费观看视频 |