技術(shù)資訊
罕見(jiàn)網(wǎng)站設(shè)計(jì)心得
2014-10-13 09:22:31
今天小編給大家分享一下自己對(duì)網(wǎng)站的心得與體會(huì),也可是說(shuō)很多設(shè)計(jì)師認(rèn)為做好了企業(yè)網(wǎng)站就是作案后了行業(yè)網(wǎng)站的設(shè)計(jì)要求,其實(shí)是對(duì)設(shè)計(jì)師來(lái)說(shuō)行業(yè)網(wǎng)站和企業(yè)網(wǎng)站有些不同之處,為了對(duì)整個(gè)網(wǎng)站的風(fēng)格、創(chuàng)意、整體框架布局、文字編排以及圖片的合理利用,空間的合理統(tǒng)籌上等···對(duì)于優(yōu)秀的網(wǎng)站設(shè)計(jì)師來(lái)講對(duì)于任何小細(xì)節(jié)都不能馬虎。下面我就具體給大家說(shuō)下設(shè)計(jì)師在做行業(yè)網(wǎng)站時(shí)應(yīng)該考慮的一些問(wèn)題。
一、視覺(jué)流程
人們?cè)陂喿x某種信息時(shí),視覺(jué)總有一種自然的流動(dòng)習(xí)慣,先看什么,后看什么,再看什么。在心理學(xué)的研究表明,一般的瀏覽習(xí)慣是從上到下、從左到右,在一個(gè)平面上,上松下穩(wěn)而壓抑。同樣,平面的左松右穩(wěn)。所以平面的視覺(jué)影響力上方強(qiáng)于下方,左側(cè)強(qiáng)于右側(cè)。這樣平面的上部和中上部被稱為“最佳視域”,也就是最優(yōu)選的地方。在網(wǎng)頁(yè)設(shè)計(jì)中一些突出或推薦的信息通常都放在這個(gè)位置。當(dāng)然這種視覺(jué)流程只是一種感覺(jué)并非一種固定的公式,只要符合人們的心理順序和邏輯順序,就可以更為靈活地運(yùn)用,在網(wǎng)頁(yè)設(shè)計(jì)中,靈活而合理地運(yùn)用直接影響到傳達(dá)信息的準(zhǔn)確與有效性。
二、網(wǎng)站風(fēng)格/創(chuàng)意
風(fēng)格(style)是抽象的。是指站點(diǎn)的整體形象給瀏覽者的綜合感受。整體形象包括站點(diǎn)的版面布局,色彩,字體,瀏覽方式等…。如:我們覺(jué)得迪斯尼是生動(dòng)活潑的而IBM則是專業(yè)嚴(yán)肅的。每一個(gè)網(wǎng)站都會(huì)給人們留下的不同感受。這里我們需要做到的是根據(jù)網(wǎng)站的定位做出網(wǎng)站特有的風(fēng)格。除此我們還需要在風(fēng)格同一上需要把握一下,其實(shí)這個(gè)風(fēng)格的統(tǒng)一和傳統(tǒng)的印刷出版物沒(méi)什么區(qū)別。你網(wǎng)頁(yè)上所有的圖像、文字,包括像背景顏色、區(qū)分線、字體、標(biāo)題、注腳什么的,都要統(tǒng)一風(fēng)格,貫穿全站。這樣子用戶看起來(lái)舒服、順暢,會(huì)對(duì)你的網(wǎng)站留下一個(gè)“很專業(yè)”的印象。而企業(yè)網(wǎng)站設(shè)計(jì)師往往就缺乏這一點(diǎn),沒(méi)有全局意思。創(chuàng)意,所謂創(chuàng)意就是不拘一格?某些設(shè)計(jì)師在做創(chuàng)意的時(shí)候大費(fèi)周章,做出來(lái)確實(shí)不可否認(rèn)很有創(chuàng)意、很別致,但往往對(duì)于行業(yè)網(wǎng)站的客戶為什么不能接受呢?此時(shí)不要太責(zé)怪客戶的不識(shí)貨,應(yīng)該反思,抓住客戶的需求。其實(shí)做行業(yè)網(wǎng)站不需要很多大的創(chuàng)意,也不要浪費(fèi)過(guò)多的時(shí)間去追求如何個(gè)性、如何好看,我們只需要一點(diǎn)小小的創(chuàng)意貫穿全站,也許會(huì)使網(wǎng)站更生動(dòng)更具有吸引力、更有思想。
三、網(wǎng)頁(yè)框架與布局
網(wǎng)頁(yè)布局大致可分為“國(guó)”字型、拐角型、“T”字型、“L”字型、綜合框架型、Flash型、變化型,在這里就不做一一論述了。其實(shí)在我們?cè)谧鲈O(shè)計(jì)的時(shí)候并沒(méi)有過(guò)多的去考慮什么形式,比如我們?cè)谝粡埣埧吹揭粋€(gè)圓形的東西,很容易可以聯(lián)想到它像太陽(yáng),而有些人則聯(lián)想到月亮等等…這都是一種形式比喻,最重要的是抓住客戶的需求,把握網(wǎng)站的定位做處合理的框架布局。
1. 分辨率
網(wǎng)頁(yè)的整體寬度可分為三種設(shè)置形式:百分比、象素、象素+百分比。通常在網(wǎng)站建設(shè)中以象素形式最為常用,行業(yè)網(wǎng)站也不列外。我們?cè)谠O(shè)計(jì)網(wǎng)頁(yè)的時(shí)候必定會(huì)考慮到分辨率的問(wèn)題,科技發(fā)展到現(xiàn)在我們通常用的是1024*768和800*600的分辨率,現(xiàn)在網(wǎng)絡(luò)上很多都是用到778個(gè)象素的寬度,在800的分辨率下面往往使整個(gè)網(wǎng)頁(yè)很壓抑,有種不透氣的感覺(jué),其實(shí)這個(gè)寬度是指在800*600的分辨率上網(wǎng)頁(yè)的最寬寬度,不代表最佳視覺(jué),不妨試試760~770的象素,不管在1024還是800的分辨率下都可以達(dá)到較佳的視覺(jué)效果。
2. 合理廣告
在目前一些網(wǎng)站的廣告(彈出廣告、浮動(dòng)廣告、大廣告、banner廣告、通欄廣告等等…)讓人覺(jué)得很煩瑣,更本就不愿意來(lái)看,有時(shí)連你這個(gè)網(wǎng)站都不上了,這樣一來(lái)網(wǎng)站受到了嚴(yán)重的影響、廣告也沒(méi)達(dá)到廣告的目的。這些問(wèn)題都是我們?cè)谠O(shè)計(jì)網(wǎng)站之前需要考慮、需要規(guī)劃的內(nèi)容之一。
浮動(dòng)廣告有兩種,第一種是在網(wǎng)頁(yè)兩邊空余的地方可以上下浮動(dòng)的廣告,第二種是滿屏幕到處隨機(jī)移動(dòng)的廣告。建議能使用第一種的情況下盡量使用第一種,不可避免第二種情況時(shí)盡量在數(shù)量上控制最多一個(gè)就好。如果數(shù)量過(guò)多會(huì)直接影響到用戶的心理、防挨到用戶瀏覽信息,適得其反。首頁(yè)廣告不宜過(guò)多適中即可。如在注冊(cè)或者某個(gè)購(gòu)買步驟的頁(yè)面上最好不要出現(xiàn)過(guò)多的其他無(wú)關(guān)的內(nèi)容讓用戶分心,避免客戶流失等…
四、常見(jiàn)問(wèn)題
1.網(wǎng)站導(dǎo)航要清晰,所放在大型網(wǎng)站中是不可缺少的一部分,其作用表明您現(xiàn)在所處在的位置,使用戶不會(huì)不知東西南北迷失在網(wǎng)站中。其次還有讀者進(jìn)入目的頁(yè)的點(diǎn)擊次數(shù),不能超過(guò)三次。如果三次以上還找不到用戶所要的信息,人家可就沒(méi)有耐心陪你玩了!
近期更新
- [2023-07-26 14:17:28] 為品牌賦能,海外官網(wǎng)品牌數(shù)字化
- [2023-05-06 10:32:26] 青島網(wǎng)站建設(shè)公司,高端網(wǎng)站定制,一站式網(wǎng)站服務(wù)——力圖數(shù)字科技
- [2023-04-27 13:47:54] 高端定制網(wǎng)站建設(shè)——從滿足預(yù)期到走向卓越
- [2023-04-11 09:17:49] H5頁(yè)面設(shè)計(jì)開(kāi)發(fā)——移動(dòng)端傳播利器
- [2022-11-16 10:11:43] windows2012程序在哪
- [2022-04-14 11:01:47] 力圖數(shù)字科技配套網(wǎng)站服務(wù)支持
- [2021-05-18 10:14:11] 青島網(wǎng)站建設(shè)的流程
- [2021-04-29 10:14:38] 企業(yè)定制化官網(wǎng)建設(shè)項(xiàng)目
- [2021-03-05 10:34:45] 移動(dòng)互聯(lián)時(shí)代房地產(chǎn)行業(yè)的微信小程序解決方案
- [2021-01-22 17:29:38] 微信小程序有哪些優(yōu)勢(shì)?為什么要開(kāi)發(fā)微信小程序?
- [2021-01-08 17:28:04] 網(wǎng)站建設(shè)最容易忽略的人性化設(shè)計(jì)
- [2020-12-16 16:55:32] 建設(shè)一個(gè)常規(guī)的公司網(wǎng)站建設(shè)成本大概是多少?
延伸閱讀
- [2011-11-15 00:12:46] 如何使蜘蛛逆向爬行索引
- [2015-02-03 09:11:08] 時(shí)刻關(guān)注網(wǎng)站的健康程度
- [2011-11-07 22:35:37] 細(xì)節(jié)處理讓網(wǎng)頁(yè)設(shè)計(jì)與眾不同
- [2014-07-09 21:06:43] 網(wǎng)站建設(shè)和品牌包裝的核心
- [2015-06-23 21:59:38] 扁平化網(wǎng)站設(shè)計(jì)的特點(diǎn)是什么
- [2012-11-08 17:18:12] 海信地產(chǎn)網(wǎng)站設(shè)計(jì)完成
- [2013-01-15 23:26:31] textarea和input一樣寬度 不同瀏覽器兼容方法
- [2014-11-10 21:59:32] 如何提高網(wǎng)站的用戶體驗(yàn)
- [2013-01-08 08:45:07] 視覺(jué)設(shè)計(jì)在網(wǎng)站制作上的應(yīng)用
- [2013-01-03 22:10:34] CSS3動(dòng)畫(huà)應(yīng)用
- [2013-01-26 00:37:01] 如何復(fù)制圖片中的文字
- [2008-09-02 11:59:00] 淺談網(wǎng)站的一致性
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計(jì)解決方案 機(jī)械行業(yè)網(wǎng)站設(shè)計(jì)解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 科技企業(yè)網(wǎng)站設(shè)計(jì)解決方案 電子家電網(wǎng)站設(shè)計(jì)解決方案 食品行業(yè)網(wǎng)站設(shè)計(jì)解決方案 集團(tuán)公司網(wǎng)站設(shè)計(jì)解決方案 企事業(yè)單位網(wǎng)站設(shè)計(jì)解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 健身運(yùn)動(dòng)網(wǎng)站設(shè)計(jì)解決方案 美容與化妝品網(wǎng)站設(shè)計(jì)解決方案 建筑設(shè)計(jì)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 物流行業(yè)網(wǎng)站設(shè)計(jì)解決方案
TAGS關(guān)鍵字
青島不錯(cuò)的英文網(wǎng)站建設(shè)公司 網(wǎng)站推廣 青島抖音小程序開(kāi)發(fā) 企業(yè)網(wǎng)站 網(wǎng)站開(kāi)發(fā) 網(wǎng)站改版 css 青島網(wǎng)絡(luò)公司 用戶界面 手機(jī)網(wǎng)站 搜索引擎 建站常識(shí) 網(wǎng)站SEO 集團(tuán)性網(wǎng)站 審美 青島網(wǎng)站SEO 插畫(huà) 青島輪胎網(wǎng)站設(shè)計(jì)公司 青島網(wǎng)站建設(shè) 青島好的網(wǎng)站優(yōu)化公司 青島網(wǎng)站優(yōu)化 網(wǎng)站策劃 微信營(yíng)銷的優(yōu)勢(shì) 海信網(wǎng)絡(luò)科技 青島高端網(wǎng)站設(shè)計(jì)公司哪家好 青島網(wǎng)站制作 青島網(wǎng)站營(yíng)銷 青島網(wǎng)頁(yè)制作 色彩心理學(xué) 青島網(wǎng)站案例