聖僑資訊公司的成功祕密

聖僑資訊公司設計師的口袋筆記 2018網頁設計需要的七個「破框思維」

隨著沈浸式體驗的深入人心,2018的設計界將是充滿生命力的一年。

無論滑鼠點到哪裡,到處都在推廣打破框架的思維模式,全屏影像、鮮明色彩、跨螢幕互動…等等,總體而言,2018網站在設計上最重要的一點就是如何展現網頁的包容性,無論是從排版、互動元素的設計到整體使用動線,最終目的都是在給予使用者更佳的「閱讀體驗」以達成導購或是品牌形象推廣等目的。

去年聖僑資訊公司網頁部門與翻轉行銷合作整理出「2017網頁設計15個流行趨勢」,今年在參考了國內外設計前輩的建議後,也整理了一些較為流行的設計元素,接下來讓我們一起探討在2018年您的網站需要具備哪些破框設計:

一、跨版面佈局

過去的網頁常使用12欄格線系統的佈局方式,講究區塊之間的整齊配置,但在Flexbox技術跟CSS Grid規範出現後,設計師開始追求大範圍的跨邊界設計,增添瀏覽的趣味性,不僅提高使用者的閱讀時間,還能給予品牌更鮮活的生命力。

聖僑跨版面作品一 : 奈菲兒生技

聖僑跨版面作品二 : 油機工業

二、三維設計

說到扁平化設計大家一定不陌生,早在RWD話題蔚為風潮之後,各種區塊式的應用前仆後繼而來,簡潔且明瞭的介面近年來深受使用者的歡迎,但或許每個設計師心裡都有著一顆不安分的靈魂,開始不滿足於單一的元素排列跟色彩運用。

在這種躍動的心態下,陰影、漸層、擬真等概念開始回歸,各式創意也從這些既有的概念中延伸,比如運用陰影創造出深度錯覺、將元素前後排列或是層層疊加、在按鈕的設計上採用漸層色彩,這些細微的改變都能讓頁面更具有層次感。

三、漸變色和半透明度

正如一開始所說的,今年品牌可試著跳脫以往的品牌代表色,採用更大膽絢爛的色彩或是大範圍的流動漸層,來營造豐富的畫面感,如此個性化的介面無疑將進一步衝擊粉絲們的視覺印象。

聖僑為和昕精密設計半透明色相近色漸變配合背景圖

四、微互動設計

想知道一個人的專業度,就要觀察他是否能充份掌握細節。在百花繚亂的網頁中,品牌如何脫穎而出抓住使用者的目光?是細緻的視覺特效抑或精美的圖片?

其實只要加上一個簡單的互動元素,就可以讓用戶感受到強烈的參與感,以常見的捲動效果來看,如果能在捲動時讓區塊間產生不同的進退速度(也就是所謂的Parallax Scrolling視差滾動),或是搭配趣味動畫,整體的瀏覽動線將會更為生動。

聖僑部落格在文章瀏覽至中間時,會跳出粉絲團訊息與使用者互動。

五、原創圖片

相信多數的企業都會使用線上圖庫,它的優點就在於能讓我們以低成本合法取得精美圖片的使用權,但也由於它的分享性質使得同一張圖片可能被複數以上的網站使用,讓用戶產生視覺疲勞。因此近期講究原創的手繪風、SVG向量圖檔、3D靜物場景等話題也開始延燒。

聖僑的文創部門為臺中放送季活動製作手繪風Banner

六、多變化的字型運用

文字的用途並不只有呈現內容,今年大型字體與底圖的搭配將成為畫面佈局的重要元素,若能妥善利用粗細、遮罩、裸空、描邊等效果,在文字藝術上多加著墨,也能產生不同的吸睛效果。

前面所提到的互動功能,其實也可以運用在文字上,讓字體隨著滑鼠移動而變幻。

聖僑首頁採全幅背景搭配近乎版面一半寬度的大型文字,突顯出氣勢磅礡的品牌形象。

七、Landing Page的優化

伴隨著AI語音搜尋的技術日漸成熟,SERP的結果會愈來愈貼近使用者的搜索需求,簡單來說就是當你想查詢某個產品,首先跳出的頁面將不再只是品牌的首頁,而是能充份解說產品細節的產品介紹頁,因此設計師在規劃網頁時需要進一步分析消費者心理,設計更多能讓人目光駐足的趣味元素。

手寫的元素容易吸引人們目光,ACHENSA在產品介紹頁新增一些塗鴉式說明。

若您想進一步了解最新的設計趨勢,或是還沒有自己的官網,歡迎聯絡聖僑資訊。
我們不僅能協助您建置最符合品牌風格的網站,同時還有專屬的SEO行銷顧問和影音平台,讓您精準掌握客戶需求,成功將產品行銷至國際!



相關文章