網頁設計固然要兼顧到可訪問性，但其實輸入框也是一樣。目的在於確保不同情況下進入網站的用戶都能夠無障礙地、輕鬆地瀏覽和輸入好內容。 避免大寫字母 尤其是全部都是大寫字母的標簽！因為這樣的標簽易讀性很低，同時比較難進行連貫，不方便快速瀏…

詳情

行為 這就需要你避免使用標簽爛去提供當前屏幕/模式下才能發揮作用的控件元素，若果你要提供給用戶控件，最好使用工具欄。 一致 盡可能地在讓每個導航、每個標簽都使用相同或者相近的顏色、文案、風格等。這是視覺效果的穩定性基礎要求。再者，…

詳情

網頁設計採用信息圖這種高密度高承載力的形式，是如今比較熱門的趨勢之一。那應該如何去提高被用戶分享的機率？ 1、標題要吸睛，這樣能夠有效地吸引用戶注意力，以及側面蘊含著分享出去會非常有趣； 2、根據網頁設計色彩心理學，信息圖的內容屬性與用…

詳情

雖然隨著頁面設計的發展，頁面的骨架正在漸漸隱退。但是，它依然存在，並且依然發揮著支撐整個頁面設計框架的重要作用。提及到骨架，不設計師或者會將其與柵格系統進行混淆。 那什麼是骨架？其實就是整個頁面和每個頁面的框架。一個網站諸多頁面的骨架關係…

詳情

傳統的F方式佈局 用戶在瀏覽界面的時候，習慣於沿著F的視覺線路進行瀏覽。簡單來說就是用戶喜歡從左邊往右邊進行閱讀，然後向下繼續移動，再左到右邊。這種界面佈局方式，能夠為用戶帶來愉悅的瀏覽體驗，自然、順暢。與導航結合的話，或者在頁面的頂部加…

詳情

響應式的頁面設計，是現在都非常流行的方式。只不過要認清的是，在實際的頁面設計當中響應式設計還存在著一定的局限性。除了加載速度之外，還有就是很少小網站、小應用會採用一套代碼來適配所有終端。 因此，就目前來說，響應式設計更適合專題類型的頁面設…

詳情

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

詳情

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

詳情

對於網頁設計來說，設計的形式和風格都是千變萬化的，但變化的細節來來去去都是配色、品質、紋理、細節、角度等。以下羅列幾種常見的佈局類型： 左右結構的佈局，文字在左或者右；是banner設計最為常見的佈局形式，在視覺上比較符合用戶的瀏覽習…

詳情

清晰 界面設計要保證易用性，一定要盡可能的保持界面的清晰和簡潔，信息內容和元素堆積過多的話容易讓用戶感覺視覺疲勞。根據實際的設計需求去逐步顯示出界面內容，同時還要確保能夠適配多到多設備端。 一致 如界面設計的風格、導航、排版、色彩…

詳情