① 請教高手！網頁設計中顏色模糊不清的問題！

保存的時候，如果你選擇了JPEG，壓縮比率在8或者80%以上，就沒有這個問題。如果你存的比例太低，就會出現你說的問題！

② 做網頁設計時候 做單獨的圖片 把解析度設置多少 合適 我設置的72 怎麼出來模糊的很

做網頁的時候，圖片解析度設為72就可以了，重要的是圖片的尺寸，也就是圖片的長寬。
圖片的長寬，在網頁上一般用像素為單位，比如120像素X120像素的圖片。
所以，你看一下客戶要求的尺寸是多少，按照這個尺寸設置好圖片，比如：360像素X360像素，解析度為72的圖片。
圖片好不好看的檢查辦法，你用photoshop將圖片打開，用100%顯示。就是你在網頁上將要看到的樣子。
圖片模糊有馬賽克紋理，說明圖片是小圖強行拉大的。

③ 網頁設計怎樣做出背景虛化的效果

一、你指的這個是用ps工具實現的，方法如下（以ps為例）：
1、在ps中打開背景圖；
2、點擊菜單欄中的濾鏡；
3、點擊模糊，選擇高斯模糊；

5、通過調整半徑來調整模糊的強度（半徑越大越模糊）：

二、全屏顯示的css代碼如靈貓所示：
.bg { background-image:url(scale.jpg); -moz-background-size: 100% 100%; /* Firefox 3.6 */ -o-background-size: 100% 100%;/* Opera 9.5 */ -webkit-background-size: 100% 100%;/* Safari 3.0 */ background-size: 100% 100%;/* Firefox 4.0 and other CSS3-compliant browsers */ -moz-border-image: url(scale.jpg) 0; /* Firefox 3.5 */ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='scale.jpg', sizingMethod='scale');/* for < ie9 */}

④ 如何利用UI設計一個清晰的網站結構

UI網頁設計和網站建設不同，網站建設單單只是通過程序源碼實現網站功能的實現，而UI設計則是體現在視覺角度，當兩者相輔相成之時則將會成就網站建設的核心。深圳網站建設公司都會配備有專業的全職設計師，可能在設計師的需求上大都是創意，然而在我們真正做一個項目或者工程的時候則會發現「藝術家並不是需要創新，而是需要會活用技巧。」優秀的設計效果離不開技巧的運用，而技巧的運用則能夠烘托出設計之美。
新華針對UI網頁設計的實戰經驗和總結，以直觀的改善網頁視覺效果為目的來提升網站的高級感為目的，從網頁的設計層次、字體、結構、對比、透明度等諸多因素上進行對比和調整，其詳細內容可以分為以下幾點：

1、使用色彩和字重來創造層次結構，而不是單純的大小對比

在對UI 文本進行樣式控制的時候，最常見的錯誤莫過於過度依賴字體大小差異來營造對比。

單純實用字體大小對比，所營造的對比並不夠，嘗試結合色彩和字重來營造更好的對比效果。

如果可以的話，你甚至可以採用兩到三種顏色：

（1）主要內容採用深色（諸如標題，但是不要用純黑）

（2）次要內容採用灰色（比如文章發表日期）

（3）輔助性內容採用淺灰色（比如頁腳中的版權聲明）

類似的，在UI設計的時候，通常兩種不同的字重足以營造出優秀的層次感：

（1）大多數的文本採用正常的字重（400到500，具體取決於字體）

（2）對於需要強調的文字採用較重的字重（600到700，具體取決於字體）

應當盡量不要讓正文部分字重低於400，因為這一部分字體字體本身尺寸已經較小，低於400會使得可讀性不佳。如果你依然需要降低字重，那麼不妨讓字體色彩更淺一點，或者替換成其他識別度較強、字重相對較小的字體。

2、不要在有色背景上實用灰色的文本

在白色背景下，將黑色的文本改成灰色，是不錯的淡化其視覺效果的做法，但是在彩色背景下這么做，則是另外一回事。

實際上，讓白色背景下文本由黑變灰實際上是達到降低對比度的效果。

但是在彩色背景下，想要降低對比度是應該讓文本逐步接近背景色，而不是改為灰色。

想要降低和背景色之間的對比，通常有兩種方法：

（1）降低白色文本的不透明度

降低不透明度，能夠讓背景的顏色透過來一些，以一種不沖突的方式降低前景文字和背景之間的對比度。

（2）基於背景色手工挑選文本的顏色

當背景是圖像或者圖案的時候，半透明的文本會影響可讀性，這個時候最好是基於背景主色調來挑選相應的文本色。

（3）陰影設計

相比於採用大范圍的擴散模糊陰影，使用微妙的垂直偏移陰影效果更明顯，更自然，它模擬了最常見的光源特徵，光線從上往下照下來所營造的陰影效果。

如果你對此有興趣，Material Design Guideline 非常清晰地給你講明白了這樣的陰影的製作細節。

4、盡量少使用 Borders

盒子模型是網頁前端最常用到的工具。當你需要在兩個元素之間創建分隔的時候，盡量避免實用兩者的邊界直接接觸。

雖然 Border 是分隔兩個元素的好辦法，但是它不是唯一的方法，使用過多會讓整個布局的設計感降低，甚至會造成混亂。

所以你可以嘗試下面的辦法來規避：

（1）使用 box shadow

box shadow 同樣可以營造出邊界感，而且更加微妙，並不會顯得突兀，不會分散用戶的注意力。

（2）實用不同的背景色來區分

通常，相鄰的元素背景只需要有微妙的差別就能夠讓人對他們進行區分。所以，你所需要做的就是在不同的區塊採用不同的背景色，並且嘗試刪除邊框，因為你根本不需要它。

（3）增加額外的留白

創建元素之間的分離效果，並不一定要通過線框來表現，只要增加留白，讓它們分隔開就行了。通過留白和間距來實現元素分組是UI設計中的常用手法。

5、不要讓小圖標無端地放大

當你在設計著陸頁的時候，可能會突出產品的功能，這個時候你需要一些大圖標來作為視覺錨點，這個時候你可能會去 Font Awesome 或者 Zondicons 這樣的網站找幾個免費的矢量圖標，然後放大到符合你需求的尺寸。

它們都是矢量圖標，照說是可以無損放大的。但是一個通常只有16×16 的圖標放大三四倍，它固然無損，但是在視覺上就顯得頗為不專業了：缺乏細節，總感覺過於矮胖。

可是，如果這些小圖標是你唯一能夠搞得到的素材的話，那麼不妨試著將它置於另外一個帶有顏色的圖形當中：

這樣的設計不僅能夠讓圖標達到預期的視覺體積，而且看起來要比單純放大，看起來細節會更多一些。當然，如果你手頭不是那麼緊的話，最好還是買幾個大尺寸的高素質圖標，比如 Heroicons 或 Iconic。
真正而有效的UI設計需要符合用戶、符合網民的需求進行設計，在網站建設的基礎上完成網站的維護，網站建設離不開UI設計，所以掌握以上技巧後運用到設計中輔助網站建設，將會使得用戶對網站的體驗感和高級感更加滿意。

⑤ 網頁設計的時候 為什麼12號字顯示的非常模糊是解析度的緣故么在線等 回答好的加分哦~

是用ps在做設計嗎？ 是不是你設置字體的時候 把字體的寬度也給修改了！
還有 這個有時候跟用的字體也有關系！

⑥ 網頁顯示不清晰

出現字體不清晰的原因有很多，不知道你具體是哪種情況~！

解析度設置問題
通常每個顯示器都有其最佳的顯示解析度和刷新頻率。例如：1920*1080 72HZ。如果顯示器的邊緣有黑邊或者錯位，通常，設置解析度為最大解析度後，再設置刷新頻率為72HZ或最大即可正常顯示。

顯示器設置問題
顯示器設置不當，也會出現字體不清晰的現象。此時可以使用顯示器上的操作按鈕重置一下設置。

ClearType設置不當
PC顯示器有ClearType字體清晰化調整的方案，可以嘗試設置一下。

瀏覽器默認字體設置沖突
打開瀏覽器，選擇瀏覽器選項設置，查看瀏覽器的默認字體設置是否得當。

網頁設計問題
網頁設計中設計師使用了錯誤的字體單位，可能也會引起字體顯示模糊。另外，如果網頁設計師因為追求個性字體，忽略了其他客戶電腦中的字體方案，也會引起字體變形或模糊的現象。

windows vista 和windows 7的宋體
眾所周知，WinV 和WIN7上的宋體特別的難看，特別是字體在12px的時候，有點參差不齊，甚至有的變形模糊，這個可以從幾個方面去修改，如果是設計師，則可以設置字體的使用優先順序，如：arail,微軟雅黑，宋體，xp電腦不存在雅黑則調用宋體，winV+的電腦直接調用雅黑。客戶端，也就是本機可以在瀏覽器選擇合適的字體顯示。

大致出現字體模糊的原因有上面的幾個，可以根據實際情況逐一排查。

⑦ 做網頁設計的時候字體模糊問題，解決不了~清高幫忙用PS做完，字體效果「無」存成JPG還是不清楚！

在字體設置裡面。字體使用「宋體」，像素設成12PX。。還有一個重點。有一項設置平滑、渾厚、銳利的，你要設置成「無」。。就可以了。希望對你有幫助！請點贊！

⑧ 網頁顯示模糊

載入的過程中會覆蓋一個蒙層，防止用戶操作未載入完成的頁面，引起異常。回
如果長時答間處於載入中，可能是網頁出現錯誤了，但有沒有設計合理的反饋提醒給用戶。
可以多次嘗試，或是清除一下瀏覽器的緩存。
或者換個瀏覽器（以排除是瀏覽器兼容性問題）。
研究生報名是關乎人生的大事，如上嘗試無法解決時，建議打網頁的客服電話咨詢。