PortfolioUIUX Design

Game Interface APP

UIUX

專案介紹

LOGO 設計構思 - A版本

將成交量表與K線圖巧妙融合,象徵步步高升,呼應投資人對股市上漲的期待,傳遞出「乾淨、清爽、積極向上」的視覺意象。文字部分採用方正造型,穩重端正,展現穩健的品牌形象,同時專注於股市主題,避免融入倫敦元素。這樣的設計確保未來客戶如有更改名稱的需求,仍能保持高度的適用性。

LOGO 設計構思 - B版本

本次設計著眼於投資人對股票增長的期待,LOGO 設計與主視覺風格保持一致,營造出「乾淨、清爽、積極向上、印象美好」的視覺感受。LOGO 採用方正的中文字造型,展現穩健的品牌形象,同時呼應 LOGO 內部象徵股票上升的意涵。此外,LOGO 避免融入倫敦的特定形象,確保未來客戶若有更改名稱的需求,仍能保持高度適用性。

開頭動畫設計

以『淬煉成金』為概念
在 APP 的 UI/UX 設計中,於啟動時加入 LOGO 品牌動畫,能有效提升用戶的第一印象。這段動畫不僅能加強品牌識別度,還能在短短幾秒內傳遞品牌的核心價值與形象,營造專業感與高質量的產品體驗。同時,動態展示的 LOGO 讓視覺效果更加生動,吸引用戶注意,並建立情感連結。這樣的設計不僅為用戶打造了一個令人難忘的開場體驗,還能提升品牌的辨識度與美譽度,讓用戶對產品產生更多信任與期待感。

3D 主視覺設計

使用 3D 技術製作主視覺能帶來許多優勢,首先,3D 設計能夠提供更強烈的立體感和深度感,讓視覺效果更加生動、吸引注意力。相比於傳統的 2D 設計,3D 圖像能展現更多細節,提升整體視覺的層次感與質感,進一步強化品牌形象的高端與現代感。此外,3D 設計更具互動性,能夠與使用者進行更靈活的互動體驗,讓用戶在視覺上留下深刻印象,增強品牌識別度。透過 3D 技術,主視覺不僅能提升產品的吸引力,還能在競爭激烈的市場中脫穎而出,為品牌塑造獨特且具未來感的視覺語言。

Guideline 樣式指南

製作 Guideline(設計規範)對於品牌和產品的發展具有至關重要的作用。首先,Guideline 能夠確保設計元素的一致性,無論是視覺風格、色彩運用、字體選擇還是排版方式,皆能在不同平台和渠道中保持統一,提升品牌識別度。其次,設計規範有助於團隊協作,為設計師、開發者、行銷人員等提供清晰的指引,避免重複性工作或錯誤,提升工作效率。對於未來的品牌擴展或調整,Guideline 也提供了穩定的基礎,使得品牌形象不會因為時間或人員變動而出現不一致的情況。此外,規範的制定還能幫助品牌建立更專業、更具信任感的形象,讓消費者在每次接觸品牌時都能感受到高品質的體驗。

介紹頁面動畫

僅於第一次開啟 APP 展示
在 APP 的 UI/UX 設計中,將首次打開 APP 時展示的介紹頁面製作成動畫,能有效提升用戶的首體驗。這樣的動畫不僅能吸引用戶的注意力,還能在視覺上創造出更流暢、引人入勝的過渡效果,讓用戶感受到 APP 的現代感與專業度。此外,動畫還能以更生動的方式傳遞 APP 的核心功能與特色,幫助用戶快速理解產品的價值與使用方法,縮短學習曲線。透過動態展示,這樣的介紹頁面能增強用戶的參與感,讓他們在進入應用之前就對品牌產生好感,並提升對產品的期待感。最終,這種精心設計的動畫介紹頁面能提升用戶的留存率與使用率,為整體產品增添更多吸引力。

功能指引

僅於第一次開啟 APP 展示
在 APP 的 UI/UX 設計中,製作功能指引介紹能有效提升用戶的使用體驗,尤其對於首次使用的用戶。這些指引可以清晰地展示 APP 的核心功能和操作流程,幫助用戶快速上手,減少學習曲線,避免因為不熟悉而產生困惑或放棄使用。透過簡單明瞭的指引設計,用戶能在短時間內了解 APP 的價值,並掌握如何充分發揮各項功能。此外,功能指引也能增強用戶對產品的信任感,讓他們覺得 APP 更加友好與易於使用,從而提高用戶的滿意度和留存率。這種設計不僅提升了用戶體驗,也有助於品牌形象的塑造,讓用戶感受到品牌對細節的關注與專業性。

其他頁面

特別介紹『說明』頁面,植入『語音閱讀功能』
在 APP 的 UI/UX 設計中,新增語音閱讀功能讓用戶在特別情境下能以「聽」的方式了解內容,避免必須時刻盯著手機屏幕。這項功能特別適合在行駛、走路或其他需要專注於周圍環境的情況下使用,用戶可以聆聽介紹與遊戲玩法說明,輕鬆掌握要點而不必分心。語音閱讀功能不僅提升了使用便捷性,也增強了用戶的安全性,讓他們在日常生活中能夠更靈活、無憂地享受 APP 的所有功能,避免在移動過程中發生意外。這樣的設計充分考慮到用戶的需求,提升了整體體驗,讓 APP 更加人性化與智能化。

內嵌可操作交互原型

建議使用手機下載 ProtoPie 並掃描原型 QR Code 可更直觀『觸控體驗』交互原型。下方仍有『內嵌』的原型頁面,也可使用滑鼠進行操作。

如無法觀看,請直接掃描提供之 QR Core 由手機體驗更直觀。

其他專案