
Open AI 行銷應用
Type
Issue / Web
Responsibility
主視覺 x 介面設計
Client
artgital
Year / Time
2023 / 1 months
#互動體驗與AI科技的碰撞與想像
Background
在AI剛崛起的那年,我們以概念性的主題為出發,希望和長期合作的客戶們一起激發對AI的想像。
當AI讓創意沒有邊界,我們必須開始思考如何運用AI技術,拓展創意的視野,並玩出不同的組合技,透過這次的主題分享,我們選出四個常見的提案內容,讓AI化身推進器,帶領我們前往不一樣的創意領域。
Solution
持續變化和推進,是我們對於AI的第一印象,我們將這種運算感延伸至網頁的主題,從文字動態、背景細節、視覺焦點三個部分傳遞AI帶來的意象,使整體的網站體驗,就像進入一個未知的運算場域。
Open AI 行銷應用
Type
Issue / Web
Responsible
主視覺 x 介面設計
Client
artgital
Year / Time
2023 / 1 months
#互動體驗與AI科技的碰撞與想像
Background
在AI剛崛起的那年,我們以概念性的主題為出發,希望和長期合作的客戶們一起激發對AI的想像。
當AI讓創意沒有邊界,我們必須開始思考如何運用AI技術,拓展創意的視野,並玩出不同的組合技,透過這次的主題分享,我們選出四個常見的提案內容,讓AI化身推進器,帶領我們前往不一樣的創意領域。
Solution
持續變化和推進,是我們對於AI的第一印象,我們將這種運算感延伸至網頁的主題,從文字動態、背景細節、視覺焦點三個部分傳遞AI帶來的意象,使整體的網站體驗,就像進入一個未知的運算場域。
Open AI 行銷應用
Type
Issue / Web
Responsible
主視覺 x 介面設計
Client
artgital
Year / Time
2023 / 1 months
#互動體驗與AI科技的碰撞與想像
Background
在AI剛崛起的那年,我們以概念性的主題為出發,希望和長期合作的客戶們一起激發對AI的想像。
當AI讓創意沒有邊界,我們必須開始思考如何運用AI技術,拓展創意的視野,並玩出不同的組合技,透過這次的主題分享,我們選出四個常見的提案內容,讓AI化身推進器,帶領我們前往不一樣的創意領域。
Solution
持續變化和推進,是我們對於AI的第一印象,我們將這種運算感延伸至網頁的主題,從文字動態、背景細節、視覺焦點三個部分傳遞AI帶來的意象,使整體的網站體驗,就像進入一個未知的運算場域。



Concept
以雜訊背景和流動線條,象徵機器的不斷運作,並在視覺中心放置一顆不停擾動的球體,搭配表面起伏的波紋,傳遞未知和變形的意象。
Concept
以雜訊背景和流動線條,象徵機器的不斷運作,並在視覺中心放置一顆不停擾動的球體,搭配表面起伏的波紋,傳遞未知和變形的意象。
Concept
以雜訊背景和流動線條,象徵機器的不斷運作,並在視覺中心放置一顆不停擾動的球體,搭配表面起伏的波紋,傳遞未知和變形的意象。



Summary
雖然只是一個文章式的網頁設計,但有別於過往的手機互動專案,算是一個不錯的機會。在前期除了整體風格的定調外,也在字體大小、互動形式、動態設定上參考許多網站,希望可以呈現資訊完整吸收的舒適體驗。
Challenge
> 大量資訊的處理
> 介面操作的直覺性
> 網站調性的設定
Next Time ?
> 前端的處理上有一些無法完整呈現的部分比較可惜,可以和工程師多加討論如何保持設計的完整性
> 下拉式展開的體驗沒有很直覺,或許可以換其他更常見的處理方式
> 大量使用連續圖導致Loading過大,圖片讀取費時,或許可以討論更多前端的做法
Summary
雖然只是一個文章式的網頁設計,但有別於過往的手機互動專案,算是一個不錯的機會。在前期除了整體風格的定調外,也在字體大小、互動形式、動態設定上參考許多網站,希望可以呈現資訊完整吸收的舒適體驗。
Challenge
> 大量資訊的處理
> 介面操作的直覺性
> 網站調性的設定
Next Time ?
> Design System 可以再更完整
> 協作過程的檔案整理可以更有系統
Summary
雖然只是一個文章式的網頁設計,但有別於過往的手機互動專案,算是一個不錯的機會。在前期除了整體風格的定調外,也在字體大小、互動形式、動態設定上參考許多網站,希望可以呈現資訊完整吸收的舒適體驗。
Challenge
> 大量資訊的處理
> 介面操作的直覺性
> 網站調性的設定
Next Time ?
> 前端的處理上有一些無法完整呈現的部分比較可惜,可以和工程師多加討論如何保持設計的完整性
> 下拉式展開的體驗沒有很直覺,或許可以換其他更常見的處理方式
> 大量使用連續圖導致Loading過大,圖片讀取費時,或許可以討論更多前端的做法
I am Peace
Let’s create some cool stuff :)
Phone
0973-311-322
abc20020413@gmail.com
LineID
@haha1017
I am Peace
Let’s create some cool stuff :)
Phone
0973-311-322
abc20020413@gmail.com
LineID
@haha1017
I am Peace
Let’s create some cool stuff :)
Phone
0973-311-322
abc20020413@gmail.com
LineID
@haha1017