Tag Archives: 網頁設計
單選框設計需注意的兩點
分類: 最新資訊, 網頁設計 Comments are off for this post
始終都需要默認的選項 對於表單頁面設計最突出的問題之一是:用戶是否隨時撤銷他們的行為。這意味著你的表單是否可以支持他們將功能控件恢復到原始的狀態。這條準則若單選框設計上,需要至少給予一個風險最小的選項,被用戶預先地選中,也就是默認選項。 …
什麼是REM縮放設計方式?
分類: 最新資訊, 網頁設計 Comments are off for this post
頁面設計採用REM 縮放方案的原理,其實跟 meta 方案非常接近。區別在於只不過是REM更加粗暴地根據頁面設計要面對的設備寬度來調整縮放。與meta 方案對比的是,REM縮放原理方案不是整個頁面進行縮放,而是頁面上所有的尺寸都是與根元素,…
什麼是基於媒體查詢的響應式設計?
分類: 最新資訊, 網頁設計 Comments are off for this post
響應式的頁面設計,是現在都非常流行的方式。只不過要認清的是,在實際的頁面設計當中響應式設計還存在著一定的局限性。除了加載速度之外,還有就是很少小網站、小應用會採用一套代碼來適配所有終端。 因此,就目前來說,響應式設計更適合專題類型的頁面設…
淺談頁面寬度百分比適配的方案
分類: 最新資訊, 網頁設計 Comments are off for this post
這種方案在網頁設計過程中使用了很長的時間,即使是如今,微信中京東購物的入口,仍然還是這種方式。主要表現在,在比基準的設備寬上,頁面元素的橫向寬度需要按照百分比的形式,去自適應。高度無需產生變化。所以,無論網頁設計的項目針對怎樣的設備,運用這…
前端適配方案:根據 meta 按比例縮放
分類: 最新資訊, 網頁設計 Comments are off for this post
這種方案的實現其實比較偏向於技術,大致原理是根據網頁設計所要面對的設備的分辨率,以及像素比等的信息,計算出網頁面的縮放數值。要注意的是這種方案會有比較明顯的局限性,即腳本計算的結果很難覆蓋全部的設備,對於一些計算不準確,或者…
頁面設計化繁為簡的絕招
分類: 最新資訊, 網頁設計 Comments are off for this post
如今的頁面設計,化繁為簡的趨勢越來越明顯。其實這種頁面設計的趨勢在矽谷已經橫掃了其他的熱門新趨勢。那到底要怎樣,才能夠真正的實現化繁為簡? 1、將標題進行加大、加粗; 2、圖標要設計得跟簡單、更容易所見即所得; 3、儘量控制對色彩數量…
網頁視覺效果需注意的三個系統
分類: 最新資訊, 網頁設計 Comments are off for this post
配色系統 選擇網頁設計項目的主要色調時,最好確定好網頁的調性、用戶群以及所要傳達的氛圍。主要色彩影響著整個網頁設計項目的風格,因此一定要反復確定主要的配色方案。其次,輔助色一般建議選擇到1-3種即可。 品牌系統 …
字號 這其實屬信息系統方面,對於網頁設計當中的字號要有一個全域性的制定方案。一般建議在同一個頁面當中,少用接近的字號,這樣層級對比不強烈,同時也不利於閱讀。 顏色 同一種類的字體顏色最好避免過於接近,否則會造…
頁面設計規範制定的兩個常見錯誤
分類: 最新資訊, 網頁設計 Comments are off for this post
時機不對 頁面設計規範制定的時機相當重要,太早或太晚都會造成後續迭代改版的問題。 若是在頁面設計的初期就進行設計規範的制定,視覺風格還沒有很好的成型,在定位之後,很明顯需要去推翻重新制定,降低了效率。 若是過晚制定的話,缺失了頁面設計…
視覺規範制定常犯的錯
分類: 最新資訊, 網頁設計 Comments are off for this post
缺乏彈性 若視覺規範對界面設計進行了100%的制定,一方面會扼殺了設計師的創意,另一方面還會影響界面設計後續迭代、改版的彈性。 缺乏迭代 界面設計或多或少都要進行迭代的改版,而視覺規範制定也要具備這種特點。因此,要不斷給視覺規範進…
TOP