F式的網頁佈局形式，主要是指使用者掃視內容的時候，實現的運動軌跡和字母F相似。這種方式能夠讓使用者更快（Fast）地去獲取資訊內容，因此命名為F式佈局。 一般來說，這種方式的網頁佈局有以下的幾個特點： 用戶先會沿著水…

詳情

  傳統的電腦螢幕都是橫向的，這也使得縱向下拉式功能表在如今依舊成為導航設計的主流方向。因為易用，平衡且少干擾，對於用戶來說，更是所見即所能用。 但是，很明顯，橫向的導航並不一定符合所有網站建設的需求。縱向導航漸漸也成為大熱，…

詳情

  對於使用者體驗來說，網站的導航區域最好能夠設計得簡潔點。很明顯，複雜且擁擠的導航設計會嚴重阻礙網站的整體實用性。 但其實，簡潔並不意味著簡單。也就是，巧妙地借助簡潔的風格，去隱藏一些複雜的資訊。這關乎於資訊架構的作用—— …

詳情

  大且醒目、美觀 版面佈局是介面設計最為重要的一個流程，大且醒目、美觀的趨勢能夠帶來絕妙的視覺張力，再配上個性鮮明的標題。 漸變的配色方案 依舊是設計趨勢時下大熱的趨勢之一，在版面佈局當中也很常見到。 視覺…

詳情

  現今，不少的網站建設項目開始“摒除”導航這個模組，而是選擇將所有的內容平鋪在整個網頁上面。 這種設計看似簡單，其實也有一定的局限性。因為頁面所承載的內容若過於複雜的話，這種模式可能會讓使用者產生困惑，而不知道如何點擊操作。…

詳情

  對於大多數的使用者來說，首次流覽一個需要水準滾動網站頁面時，體驗會非常的微妙—— 因為它的物理與視覺運動方向，是與常規的縱向滾動方式不同。當使用者使用滑鼠滾輪滾動的時候，這種交互的錯位感會讓用戶感覺極其的強烈。 所以，想…

詳情

  留白。介面設計需要合理和邊界與邊距，避免介面的雜亂。 張卡片一件事。卡片樣式能夠簡化介面的結構，不要將卡片設計得過於複雜，破壞它們自身的簡潔、便捷的特點。 合適的圖片。卡片中的圖一般比較小，但必須保證圖片的清晰以…

詳情

  色相一致的配色 所謂的色相一致，其實指的是在頁面設計當中所使用的配色應該相同或者相近。這種方式能夠讓使用者感覺安心，視覺效果比較安全。但也可以合理地加入一些別的顏色，但為了整體上保證色相的統一，需要將它們的顏色降低明度…

詳情

  保持一致（從細節到整體） 探索隱藏資訊（簡約之中隱藏著“小心機”） 讓空間的連接變得有趣（微交互） 更加聰明（愉悅的用戶體驗來源） 更加有效（更加專注於核心） 使用網格（有效佈局） 考慮實用性和功…

詳情

  時間和節奏：頁面當中動畫的總時長與每幀動畫間的距離（比如是先快後慢，還是先慢後快） 緩入和緩出：頁面設計為交互使用動畫元素的時候，必須符合現實世界規律，物體不能憑空運動和停止，有特定的加速和減速過程 預期感：給動…

詳情