• 
• 
• 
• 
• 
• 
• 

知識普及 ? 關(guān)于網(wǎng)站設(shè)計(jì)的幾點(diǎn)矛盾

關(guān)于網(wǎng)站設(shè)計(jì)的幾點(diǎn)矛盾

網(wǎng)頁設(shè)計(jì)師 于2019-09-10 19:15發(fā)表 閱讀次數(shù) 2212次

因?yàn)楣ぷ餍枰蛲韺⒘硪晃?a href="http://m.zfvayp.cn/" target="_blank" title="網(wǎng)頁設(shè)計(jì)">網(wǎng)頁設(shè)計(jì)師的設(shè)計(jì)作品生成了頁面，折騰了一通宵，我腦細(xì)胞成幾何倍數(shù)減少，完成了工作，不免有些牢騷要發(fā)。 　　我認(rèn)為網(wǎng)站是為人民服務(wù)的，網(wǎng)站的優(yōu)劣，內(nèi)容是關(guān)鍵，而設(shè)計(jì)能排在第二就不錯了。一個網(wǎng)站的設(shè)計(jì)不僅需要的是美觀，更需要的是配合內(nèi)容的編排以及其它更多方面，例如瀏覽速度及瀏覽方便性。如果您同意以上觀點(diǎn)，請繼續(xù)看下文。 　　因?yàn)榫W(wǎng)站的設(shè)計(jì)不僅需要美觀，所以產(chǎn)生了不少矛盾，挑幾個主要的矛盾來分析： 　　一、background背景圖像的矛盾 　　由于千篇一律的單色背景早已產(chǎn)生了視覺疲勞，因此出現(xiàn)了花紋背景，例如用點(diǎn)、線、面組成的背景，通常這種背景都是做成10*10px（或其它）的方形大小。再受韓潮影響，目前應(yīng)用廣泛的是漸變背景，由于分辨率的關(guān)系，通常采用上下漸變，左右漸變不可取。問題來了，上下漸變在Photoshop（做網(wǎng)頁設(shè)計(jì)的常用軟件）中只需要簡單的使用漸變工具拉動一下即可，但是作為網(wǎng)頁設(shè)計(jì)師的你有沒有想過在頁面中這種背景應(yīng)該如何去做？分成上下2個背景，或者做一個超級長估計(jì)要在3000px以上的背景？（可以參看我的博客首頁背景http://blog.yuhou.cn.cn/m/baopin）因此在做這種背景的時候，需要仔細(xì)考慮頁面該如何去生成。 　　二、適應(yīng)分辨率的矛盾 　　為適應(yīng)分辨率，最佳方法應(yīng)該是整個頁面采用100％自適應(yīng)表格，這種網(wǎng)站讓800*600及以上分辨率的彩顯都能整屏幕最佳效果瀏覽，這樣的制作方法在為數(shù)不多的幾個網(wǎng)站上出現(xiàn)過。但是這種方法必然需要最少的圖片及最多的216安全色及最精簡的表格。目前這樣的網(wǎng)站不怎么能滿足客戶的設(shè)計(jì)要求。 　　在國內(nèi)，網(wǎng)站通常都在750-780px的寬度之間，這樣做的目的是為了適應(yīng)800*600及以上分辨率的彩顯瀏覽網(wǎng)站。OK，矛盾出現(xiàn)了，中間是780px的寬度，但是通常設(shè)計(jì)師會加上描邊或者投影的效果，做為設(shè)計(jì)師的你，有沒有把這個尺寸算進(jìn)去？更有甚者，中間的內(nèi)容是780px兩邊采用長達(dá)30px的投影，再加上前面第一點(diǎn)提到的漸變背景，好了，你想讓生成頁面的工作人員自殺嗎？請你在做這樣的設(shè)計(jì)時候?yàn)楹竺娴纳身撁婀ぷ骺紤]一下。 　　三、網(wǎng)頁216安全色的矛盾 　　所謂網(wǎng)頁安全色是指在不同硬件環(huán)境、不同操作系統(tǒng)、不同瀏覽器中都能夠正常顯示的顏色，也就是說這些顏色在任何用戶顯示設(shè)備上的顯示效果都是相同的。所以使用216網(wǎng)頁安全色進(jìn)行網(wǎng)頁設(shè)計(jì)可以最大限度避免顏色失真的問題。 　　但是通常216個色彩不怎么能滿足網(wǎng)頁設(shè)計(jì)師的設(shè)計(jì)，隨便一個漸變已經(jīng)超出了這個范圍，矛盾又出現(xiàn)了。請盡量將非網(wǎng)頁完全色做在圖片上，也就是說將非網(wǎng)頁安全色做成圖片，而將安全色做為代碼，這樣盡可能使網(wǎng)站擁有美觀及快速。如果碰到一個網(wǎng)頁設(shè)計(jì)師的設(shè)計(jì)作品，從上到下、從內(nèi)到外、從文字到圖片都沒有1個安全色，你會怎么做？我昨天就遇到了。難道讓我把所有的文字都做成圖片？那這個網(wǎng)站還需要更新嗎？程序員又該如何做？如果你是這樣設(shè)計(jì)網(wǎng)站的，請改改這種毛病。 　　四、象素與羽化的矛盾 　　象素和羽化應(yīng)用都非常廣泛，但是某些地方卻產(chǎn)生了矛盾。舉個例子，在一個帶有圖片背景的表格上，有一個翻轉(zhuǎn)圖片的按鈕（鼠標(biāo)經(jīng)過變換圖片），而這個按鈕并不需要一定做成方形，為了整體效果，你也許會做成圓角，這個圓角如果做成象素，那么按鈕可以做成方形透明背景的GIF，這樣不會有任何問題，但作為設(shè)計(jì)師的你，也許會做成羽化的圓角，問題出現(xiàn)了，這個按鈕是一定要用JPG或者非透明背景的GIF了，那么一旦需要更改此表格的背景色，這個按鈕的兩張圖片也需要更改。所以在設(shè)計(jì)到圓角這種效果的時候，用象素還是用羽化，你要考慮清楚了。 　　“實(shí)踐檢驗(yàn)真理”，你想成為一個優(yōu)秀的網(wǎng)頁設(shè)計(jì)師，那么請多去把你的設(shè)計(jì)作品做成頁面，這樣你會發(fā)現(xiàn)很多設(shè)計(jì)中的問題。單純的做一個美觀的網(wǎng)頁設(shè)計(jì)并不難，難在如何將美觀與實(shí)際頁面相結(jié)合。時間倉促，胡亂寫下上面的文字。

關(guān)于網(wǎng)站設(shè)計(jì)的幾點(diǎn)矛盾相關(guān)標(biāo)簽：網(wǎng)站優(yōu)化，網(wǎng)絡(luò)公司，企業(yè)做網(wǎng)站，制作網(wǎng)站

相關(guān)熱點(diǎn)推薦

Tab(選項(xiàng)卡)的產(chǎn)品 從精簡導(dǎo)航談小型網(wǎng)站的 如今虛擬外鏈對我們的作 網(wǎng)頁設(shè)計(jì)中的版式原理- 使用框架和滑動門技術(shù)進(jìn) 清新的網(wǎng)站設(shè)計(jì)風(fēng)格 網(wǎng)頁設(shè)計(jì)之視覺信息傳達(dá) 用戶體驗(yàn)與網(wǎng)頁界面設(shè)計(jì) 沒有交互意識的設(shè)計(jì)師， 企業(yè)網(wǎng)站規(guī)劃和網(wǎng)頁設(shè)計(jì) 網(wǎng)站大改版=壯烈的死亡 2016年百度排名的算 網(wǎng)站建設(shè)合同簽訂需要注 人機(jī)交互界面設(shè)計(jì)的三個 系統(tǒng)化學(xué)習(xí)SEO技術(shù)的 用戶體驗(yàn)中溝通的技巧 迭代的設(shè)計(jì) 網(wǎng)站中視覺元素的設(shè)計(jì) 網(wǎng)站設(shè)計(jì)的前期溝通之重 在青島，企業(yè)網(wǎng)站建設(shè)對 手機(jī)建站時容易進(jìn)入哪些 如何有效的提高網(wǎng)站關(guān)鍵 淺談品牌的視覺識別 怎樣充分利用你的網(wǎng)站設(shè) TDK是什么？有什么作 微信為什么這么人在用 網(wǎng)站排名第三頁不到首頁 青島網(wǎng)站設(shè)計(jì)中關(guān)于al 好設(shè)計(jì)應(yīng)該是平凡的設(shè)計(jì) 網(wǎng)站LOGO簡論 網(wǎng)頁布局設(shè)計(jì)基礎(chǔ) 優(yōu)秀網(wǎng)站的五大特點(diǎn) 新站快速推廣經(jīng)驗(yàn)，百度 為中文而設(shè)計(jì)的文本框 關(guān)于網(wǎng)站優(yōu)化五大技巧 如何進(jìn)行網(wǎng)站首頁改版 web設(shè)計(jì)師可以走得更 專業(yè)設(shè)計(jì)網(wǎng)站的公司哪里 青島網(wǎng)站設(shè)計(jì)的幾點(diǎn)知識 青島網(wǎng)站制作哪家強(qiáng)

奈薇建站網(wǎng)青島網(wǎng)站建設(shè)公司/青島網(wǎng)站制作公司，專業(yè)提供"氣質(zhì)"型網(wǎng)站建設(shè)及精美網(wǎng)站制作服務(wù)，同時歡迎各地網(wǎng)站建設(shè)公司、網(wǎng)站制作公司代理我們的奈薇建站系統(tǒng)共同發(fā)展

熱點(diǎn)地區(qū)：青島網(wǎng)站建設(shè)價格 青島即墨網(wǎng)站制作公司 開發(fā)區(qū)信息港 山東在線門戶