這種方案在網頁設計過程中使用了很長的時間，即使是如今，微信中京東購物的入口，仍然還是這種方式。主要表現在，在比基準的設備寬上，頁面元素的橫向寬度需要按照百分比的形式，去自適應。高度無需產生變化。所以，無論網頁設計的項目針對怎樣的設備，運用這…

詳情

  這種方案的實現其實比較偏向於技術，大致原理是根據網頁設計所要面對的設備的分辨率，以及像素比等的信息，計算出網頁面的縮放數值。要注意的是這種方案會有比較明顯的局限性，即腳本計算的結果很難覆蓋全部的設備，對於一些計算不準確，或者…

詳情

如今的頁面設計，化繁為簡的趨勢越來越明顯。其實這種頁面設計的趨勢在矽谷已經橫掃了其他的熱門新趨勢。那到底要怎樣，才能夠真正的實現化繁為簡？ 1、將標題進行加大、加粗； 2、圖標要設計得跟簡單、更容易所見即所得； 3、儘量控制對色彩數量…

詳情

  配色系統 選擇網頁設計項目的主要色調時，最好確定好網頁的調性、用戶群以及所要傳達的氛圍。主要色彩影響著整個網頁設計項目的風格，因此一定要反復確定主要的配色方案。其次，輔助色一般建議選擇到1-3種即可。 品牌系統 …

詳情

  字號 這其實屬￿信息系統方面，對於網頁設計當中的字號要有一個全域性的制定方案。一般建議在同一個頁面當中，少用接近的字號，這樣層級對比不強烈，同時也不利於閱讀。 顏色 同一種類的字體顏色最好避免過於接近，否則會造…

詳情

時機不對 頁面設計規範制定的時機相當重要，太早或太晚都會造成後續迭代改版的問題。 若是在頁面設計的初期就進行設計規範的制定，視覺風格還沒有很好的成型，在定位之後，很明顯需要去推翻重新制定，降低了效率。 若是過晚制定的話，缺失了頁面設計…

詳情

缺乏彈性 若視覺規範對界面設計進行了100%的制定，一方面會扼殺了設計師的創意，另一方面還會影響界面設計後續迭代、改版的彈性。 缺乏迭代 界面設計或多或少都要進行迭代的改版，而視覺規範制定也要具備這種特點。因此，要不斷給視覺規範進…

詳情

一、清晰明瞭 首先我們必須明白的一點，頁面設計的目標之一就是服務。服務客戶、用戶、產品等。因此，界面設計必須要保證足夠清晰明瞭，這是基礎，也是重中之重！ 二、操作高效 其實，單就高效來說，與第一個原則比較接近。畢竟，清晰的呈現目標就意…

詳情

界面設計當中使用動效，除了增加吸睛效果之外，還可以提升微交互體驗，承擔著豐富頁面效果，同時也能夠起到一定的引導作用。 按照如今的界面設計風格趨勢變化，動效趨勢都趨向於細微化。什麼是細微化，其實就是主張動效元素對於用戶的瀏覽和操作降低干擾性…

詳情

聚焦核心：最直觀的做法就是使用大字體以及醒目的色彩，來讓特定信息內容、圖形圖像、功能等成為用戶的視覺焦點。其次當然還有強化對比的形式可以使用。 分隔區塊：一般來說，以線條的形式去分隔區塊、內容、功能、主次等。其次，還可以進行分頁設計來有…

詳情