2018 網頁設計方向

設計

大部分跟網頁有關的資訊都是取自國外,介紹文中某些主題會用英文表示,因其具有特定的意思,不能單靠翻譯成中文就能解釋。

1. Cards : 由 Google 提出,將資訊整理成類似一片一片的卡片呈現,易於一次看懂某一個主題所要表達的資訊。如 twbike 網頁介紹品牌為例。在一個區塊內詳細放置多個內容,讓訪問者可以第一眼看到商標圖、名稱、國家、屬性,簡單又附於生命。

2. 易讀的選單 : 當頁面選單失去控制時,會導致閱讀障礙,因此在選單的設計上要多花些時間去做規劃,訪問者不會迷路是設計網頁層級重要的項目。

3. 簡約設計 : 簡單的畫面,以攝影或色塊為主軸,帶入主要式文字,可以讓人立刻明白畫面想訴說的內容與主題。

4. Wordpress : 世界有80%的網頁都是用Wordpress製作的,但有50%都沒有好好利用它。這是需要留意的地方,如果你想要靠自已通過Wordpress建立自已的網站,就要好好研究它的功能。

5. Material Design : 2014年,由Google發表了 Android L,並推出了 Material Design設計語言。電子螢幕是完全平面的,它沒有空間感,但資訊內容卻是有空間層級,例如,這個頁面從哪裡來,到哪裡去呢 ? 因此我們現在常見的「頁面轉場動畫」,讓我們在點選頁面時,能感受到順暢的轉場操作感,或是ICON的動畫呈現。都是讓使用者可以清楚地在移動平台上完成想執行的行為。

6. Animations 動畫 : 還記得年紀很大的 FLASH 嗎 ? 可以從側面飛入,點擊按鈕會減慢進出的速度、或是逐漸出現內容。而隨著HTML5和CSS3的發展,我們可以更簡單地在多個設備和瀏覽器中添加動畫,而Flash就...成為記憶中的工具。

頁面一定要有的動畫

  • Loading 加載:加載圖形是告訴我們 - 內容還沒載完之前無法觀看。
  • Navigation and Menus 選單:一旦開始滾動頁面,會看到隱藏的導航、菜單或標題。
  • Hover : 當我們停在某個標註時,我們可以看到更多資訊
  • Galleries and Slideshows:圖片展示動畫。可以創造獨特的互動體驗。
  • Motion:動畫圖形可以幫助您脫穎而出。
  • Scrolling:隨著單頁網站越來越流行的同時,創建一個互動和視覺刺激的網站已經變得不容易了。但透過滾動動畫,仍然可以在展示服務的同時吸引訪問者。
  • Background / Videos:訪問者其實不太會滾動主頁上的5個像幻燈片輪轉的圖片。但是如果你有一個交互式背景,並且你的主要信息在網站內部有鏈接,那麼這是一個很好的資產。

7. 鮮豔的顏色 : 網頁如果能達配品牌或是企業的主色進行設計,無形中可以讓訪問者留下深刻的印象。

8. 針對移動設備進化 : 其實就是我們說得 RWD,自適應網頁設計

9. 向量插圖 : 在網頁中放置向量插圖,也是提升自我品牌的眼球吸引度

10. UI 與 UX : 使用者的經驗(UX) 會是網站介面(UI) 規劃的重要參考元素,這兩者是互相的關係,也是架設網站之前、之後要一起成長的項目,所以花時間去準備下一個階段更好的官網,是永遠不變的趨勢。

  • 2018 網頁設計方向

    大部分跟網頁有關的資訊都是取自國外,介紹文中某些主題會用英文表示,因其具有特定的意思, ...


  • 顏色的力量

    顏色在設計和日常生活中起著至關重要的作用。 它可以吸引你的眼、有時它可以引發情緒反應、 ...



推薦站內沒有的品牌:
Recommend the brand that not in TWBiKE.COM.

連絡我們

 414 台中市西屯區逢明街29巷48號2F
 04-2451-0201
 info@twbike.com