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

E-mail

abc20020413@gmail.com

LineID

@haha1017

I am Peace

Let’s create some cool stuff :)

Phone

0973-311-322

E-mail

abc20020413@gmail.com

LineID

@haha1017

I am Peace

Let’s create some cool stuff :)

Phone

0973-311-322

E-mail

abc20020413@gmail.com

LineID

@haha1017