建設網站設計時要適度留白與線框怎么設計才好？
2017-12-02 分類： 網站設計
一、設計網站要對話格的設計原則
先前有與各位分享過，對話格的造型很多，不過特殊造型的對話格大多用于印刷品為主，例如傳單或是漫畫等，網頁設計來說，大宗的還是方形與原型的對話格為主。
方形對話格有兩大設計要點：留白的空間，以及圓角的設計，這兩個設計可以影響對話框的視覺成敗。
設計網站要適度留白
如同文章的斷行，一個方形對話格的上方與下方必須留下適當的空間，讓視覺看起來較不擁擠。
不同的網頁設計訴求有不同的留白方法，例如內容型網站、購物網站留白的需求較小，但企業(yè)官網可能需要較大的留白。
設計網站要適度圓角
圓角是為了讓對話格的造型看起來較為生動的一種設計技巧，使用與否可以由設計師自由發(fā)揮決定。
一般網站設計業(yè)界的標準圓角設定為5px~20px之間，過小看不出圓角的造型，過大圓角看起來占用視覺，比較不建議使用。
對話格內若還有其他對話格，圓角的角度需等于或小于外圍的圓角。
圓形對話格設計要點
圓形的對話受到了形狀限制，無法輸出太多文字，只有文字較少的重要的資訊，才會使用到圓形的對話格。
舉例來說：限時活動、特價通知、老客戶活動、重要通知都很適合圓形的對話格設計。
二、線框怎么設計才好？
1.對話格的顏色搭配
線框的設計若網頁的顏色與對話格不同，那么線框可有可無。
如果想要強調視覺設計的效果，線框也不要使用強烈對比的顏色，視覺會落在對話格而不是落在文字上，訊息會被忽視。
對話格的線條對比度不應該強過主體，這樣會使得線條受到高度強調，主題反而受到忽略，
2.網站設計文字的顏色
文字的顏色應用是重點，而這個重點其實只有一個，那就是文字顏色與對話格必須有顯著反差，這樣就行了。
至于反差強有強的優(yōu)點，弱有弱的優(yōu)點，相信大部分的設計師早已經駕輕就熟，不過仍有時候會失手將顏色錯置成不好得搭配方式，仍需提醒自己不要犯錯。
對話格的顏色限制 大部分的網頁設計師正在控制網站的顏色呈現，對話格也是如此，即使是為了要呈現差異，也不宜使用超過包括三種以上的顏色于對話格內。
先前有與各位分享過，對話格的造型很多，不過特殊造型的對話格大多用于印刷品為主，例如傳單或是漫畫等，網頁設計來說，大宗的還是方形與原型的對話格為主。
方形對話格有兩大設計要點：留白的空間，以及圓角的設計，這兩個設計可以影響對話框的視覺成敗。
設計網站要適度留白
如同文章的斷行，一個方形對話格的上方與下方必須留下適當的空間，讓視覺看起來較不擁擠。
不同的網頁設計訴求有不同的留白方法，例如內容型網站、購物網站留白的需求較小，但企業(yè)官網可能需要較大的留白。
設計網站要適度圓角
圓角是為了讓對話格的造型看起來較為生動的一種設計技巧，使用與否可以由設計師自由發(fā)揮決定。
一般網站設計業(yè)界的標準圓角設定為5px~20px之間，過小看不出圓角的造型，過大圓角看起來占用視覺，比較不建議使用。
對話格內若還有其他對話格，圓角的角度需等于或小于外圍的圓角。
圓形對話格設計要點
圓形的對話受到了形狀限制，無法輸出太多文字，只有文字較少的重要的資訊，才會使用到圓形的對話格。
舉例來說：限時活動、特價通知、老客戶活動、重要通知都很適合圓形的對話格設計。
二、線框怎么設計才好？
1.對話格的顏色搭配
線框的設計若網頁的顏色與對話格不同，那么線框可有可無。
如果想要強調視覺設計的效果，線框也不要使用強烈對比的顏色，視覺會落在對話格而不是落在文字上，訊息會被忽視。
對話格的線條對比度不應該強過主體，這樣會使得線條受到高度強調，主題反而受到忽略，
2.網站設計文字的顏色
文字的顏色應用是重點，而這個重點其實只有一個，那就是文字顏色與對話格必須有顯著反差，這樣就行了。
至于反差強有強的優(yōu)點，弱有弱的優(yōu)點，相信大部分的設計師早已經駕輕就熟，不過仍有時候會失手將顏色錯置成不好得搭配方式，仍需提醒自己不要犯錯。
對話格的顏色限制 大部分的網頁設計師正在控制網站的顏色呈現，對話格也是如此，即使是為了要呈現差異，也不宜使用超過包括三種以上的顏色于對話格內。
網站名稱：建設網站設計時要適度留白與線框怎么設計才好？
網站URL：http://www.rwnh.cn/news7/76557.html
網站建設、網絡推廣公司-創(chuàng)新互聯，是專注品牌與效果的網站制作，網絡營銷seo公司；服務項目有網站設計等
聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯
猜你還喜歡下面的內容
- 成都網站設計的基本步驟和方法 2017-11-09
- 全面的成都網站設計要素 2017-10-03
- H5專業(yè)網站設計要求和技術經驗之談 2017-09-18
- 外貿企業(yè)網站建設方案\外貿企業(yè)網站設計方案 2017-08-20
- 關于網站設計的三十年發(fā)展簡史 2017-08-04
- 尋找網站改版設計制作公司技巧 2017-07-29
- 靠譜的企業(yè)網站設計制作哪里比較好 2017-07-26
- 成都手機網站設計更美觀的三個思路 2017-11-04
- 成都手機網站設計,設計師需要注意這五點 2017-10-13
- 建站公司的網頁設計步驟 2017-10-12
- 網站制作設計定制開發(fā)和網站模板的區(qū)別是什么？ 2017-09-08
- 淺析網站設計的基本思路 2017-09-01
- 企業(yè)為什么要定制網站設計制作呢 2017-08-29
- 網站設計制作上線流程 2017-07-29
- 網站設計制作專業(yè)性主要體現在哪些方面 2017-07-23
- 如何通過網站設計提升企業(yè)網站的形象品質 2017-05-28
- 優(yōu)秀的網站設計說的簡單，可如何做呢 2017-05-26
- 公司網站設計有哪些使用技巧 2017-05-25
- 在網站設計中，政府類型網站一般都有哪些功能？ 2017-05-24