對于網(wǎng)頁設(shè)計 ， 有時候不僅僅是UI設(shè)計師的任務(wù) ， 有時候還可能是Web開發(fā)人員的任務(wù) ， 在進行網(wǎng)頁設(shè)計時 ， 很容易就陷入了設(shè)計的瓶頸 ， 尤其是當(dāng)自己的設(shè)計被一次又一次的打回 ， 而自己痛苦地在電腦桌前表示 ， “我永遠都不能讓這看起來很好！”但事實證明 ， 你可以用很多技巧來提升你的工作水平 。在設(shè)計中 ， 避免使用400以下的字體粗細; 它們可以用于大標(biāo)題 ， 但是在較小的尺寸下會變得難以閱讀 。如果你正在考慮使用較細的字體來減弱某些文本 ， 請使用較淺的顏色或較小的字體大小 。
【如何成為網(wǎng)頁設(shè)計達人呢】不要在彩色背景上使用灰色文字
在白色背景上 ， 使文本變成淺灰色是強調(diào)它的好方法 ， 但這個顏色的字體在彩色背景上看起來并不那么友好 。那是因為我們實際上在白色背景上看到灰色字體的會產(chǎn)生降低對比度的效果 。而使文本更接近背景顏色實際上有助于創(chuàng)建層次結(jié)構(gòu) ， 而不是使其變?yōu)闇\灰色 。
使用彩色背景時 ， 有兩種方法可以降低對比度：
1.減少白色文本的不透明度
使用白色文本并降低不透明度 。這樣可以讓背景顏色稍微滲透 ， 以不與背景沖突的方式去強調(diào)文本 。
2.手工挑選基于背景顏色的顏色
當(dāng)背景是圖像或圖案時 ， 或者當(dāng)降低不透明度使文本感覺太鈍或褪色時 ， 這比減少不透明度更好 。選擇與背景顏色相同的顏色 ， 調(diào)整飽和度和亮度 ， 直到它看起來正確 。
改善陰影的樣式
不使用較大的模糊和展開值來使框陰影更明顯 ， 而是添加垂直偏移 。它看起來更自然 ， 因為它模擬了一個從上面照射下來的光源 ， 就像我們以前在現(xiàn)實世界中看到的一樣 。
這適用于您可能在井或表格輸入上使用的插入陰影：
使用較少的邊框
當(dāng)你需要分離兩個元素時 ， 嘗試避免突然看到邊框 。雖然邊框是區(qū)分兩個元素的好方法 ， 但它們不是唯一的方法 ， 使用太多邊框可能會讓你的設(shè)計感到繁雜和混亂 。
當(dāng)你下次需要解決方法時時 ， 請嘗試以下其中一個想法：
1.使用box shadow
box shadow可以很好地實現(xiàn)像邊框元素那樣的功能 ， 但也可以更精細 ， 并且實現(xiàn)相同的目的而不會分散注意力 。
2.使用兩種不同的背景顏色
通常只需要為相鄰元素提供略微不同的背景顏色即可區(qū)分它們 。如果您已經(jīng)使用了除邊框之外的其他背景顏色 ， 請嘗試刪除邊框; 你可能不需要它 。
3.增加額外的間距
有什么更好的方法來分離元素 ， 而不只是簡單地隔開？將事物間隔得更遠是不引入任何新UI的情況下創(chuàng)建元素組之間區(qū)別的好方法 。
不要放大那些小圖標(biāo)
如果你正在設(shè)計一些可以使用一些大圖標(biāo)的東西（比如登陸頁面的“功能”部分） ， 你可能會本能地使用免費圖標(biāo)集 ， 然后放大尺寸直到滿足你的需求 。但是它們是矢量圖像 ， 如果增加尺寸 ， 難道質(zhì)量不會受到影響嗎？
這使您可以使實際圖標(biāo)更接近其預(yù)期大小 ， 同時仍然可以填充更大的空間 。如果您有預(yù)算 ， 您還可以使用設(shè)計用于較大尺寸的高級圖標(biāo)集 ， 當(dāng)然是要錢的那種 。
推薦閱讀
- 網(wǎng)頁設(shè)計都要注意哪些細節(jié)呢
- 企業(yè)如何制作網(wǎng)站才可以盈利呢
- 網(wǎng)站優(yōu)化加競價如何事半功倍呢
- 網(wǎng)頁設(shè)計有哪些技巧
- 網(wǎng)站制作如何分析網(wǎng)站頁面設(shè)計呢
- 春天如何預(yù)防疾病 春天如何預(yù)防疾病傳染
- 發(fā)財樹如何養(yǎng)殖方法 發(fā)財樹怎么養(yǎng)殖方法
- 優(yōu)秀的網(wǎng)頁設(shè)計哪些靈感
- 深色系網(wǎng)站應(yīng)該如何設(shè)計呢
- 如何通過SEO提高體驗度呢