網站設計中巧妙的陰影設計。
2019-02-22 分類： 網站設計
相比于采用大范圍的擴散模糊陰影，使用微妙的垂直偏移陰影效果更明顯，更自然，它模擬了最常見的光源特征，光線從上往下照下來所營造的陰影效果。
如果你對此有興趣，Material Design Guideline 非常清晰地給你講明白了這樣的陰影的制作細節。
盒子模型是網頁前端最常用到的工具。當你需要在兩個元素之間創建分隔的時候，盡量避免使用兩者的邊界直接接觸。
雖然 Border 是分隔兩個元素的好辦法，但是它不是唯一的方法，使用過多會讓整個布局的設計感降低，甚至會造成混亂。
所以你可以嘗試下面的辦法來規避：
（1）使用 box shadow
box shadow 同樣可以營造出邊界感，而且更加微妙，并不會顯得突兀，不會分散用戶的注意力。
（2）使用不同的背景色來區分
通常，相鄰的元素背景只需要有微妙的差別就能夠讓人對他們進行區分。所以，你所需要做的就是在不同的區塊采用不同的背景色，并且嘗試刪除邊框，因為你根本不需要它。
（3）增加額外的留白
創建元素之間的分離效果，并不一定要通過線框來表現，只要增加留白，讓它們分隔開就行了。通過留白和間距來實現元素分組是UI設計中的常用手法。
創新互聯,行業網站建設公司,14年專注企業網站一站式服務,已為眾多企業公司提供網站建設,網站設計,網站制作,手機網站開發,模板建站等服務。高端定制網站建設領軍品牌--創新互聯值得信賴！
本文名稱：網站設計中巧妙的陰影設計。
文章分享：http://www.kartarina.com/news41/79241.html
網站建設、網絡推廣公司-創新互聯，是專注品牌與效果的網站制作，網絡營銷seo公司；服務項目有網站設計等
聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯
猜你還喜歡下面的內容
- 學習網站設計標準將會給你帶來什么。 2019-02-18
- 以綠色為主的網站設計 2019-02-17
- 網站設計要遵循形隨機能的設計法則來制作。 2019-02-16
- 創造良好的第一印象是網站設計的重要組成部分。 2019-02-10
- 網站設計不使用響應式設計方式會有什么影響 2019-02-10
- 網站設計師在設計網站的時候做到簡潔清晰。 2019-02-09
- 網站設計與開發的SEO意義 2019-02-04
- 網站設計，不可忽略訪問者的訪問次序設計的用戶體驗。 2019-02-03
- 網站設計要滿足情境中的目標 2019-02-20
- 符合標準的網站設計更符合訪問者的易用性！ 2019-02-18
- 以藍色為主的網站設計 2019-02-17
- 令人心動的第一印象是網站設計的前提。 2019-02-09
- 你的公司適合響應式網站設計嗎？ 2019-02-09
- 小企業網站設計營造忠誠度 2019-02-06
- 網站還沒更新成響應式網站設計？ 2019-02-03
- 了解網站設計背后的創作過程。 2019-02-02
- 網站設計與心理學。 2019-02-02
- 如何找到最佳的網站設計服務 2019-01-31
- 網站設計從Table向css過渡 2019-01-29