Details
課程福利
來自 Andreion de Castro 的特別禮物
-
課程練習原始碼所有課程練習的 10 多個完整原始碼,並附有註釋,方便理解 -
個人作品原始碼5 個來自 Andreion 個人作品的獨家原始碼,包含他最喜歡的作品或精選的動態、獨特且有趣的作品 -
個人 PNG 文件5 個來自 Andreion 個人作品的 .png 檔案選集,非常適合用作背景、螢幕保護程式或學生認為合適的任何用途
推薦
誰該上這課程?
程式設計師或網頁/應用程式開發人員尋求將他們的技術技能投入到更具創造性、更注重設計的專案中。
設計師以技術為驅動力,尋求突破傳統設計方法的界限,尤其是網頁或動態設計。
藝術家希望開發set可應用於個人和專業專案的動態設計實驗技能。
專家設計師和創意編碼員
Andreion de Castro 的投資組合
為什麼要選這課程?
在當今快速發展的數位環境中,創造力和技術比以往任何時候都更加緊密地交織在一起,為創新提供了無限的機會。但是,如何超越傳統的設計方法,創造出真正獨特的東西,例如對使用者動作做出反應的藝術品?本課程向您展示如何透過創意編碼解鎖超越靜態視覺效果的動態、可自訂的設計。
該課程由自由創意編碼員 Andreion de Castro 主持,他將自己在疫情期間進行的實驗轉化為與 Bielke&Yang 等領先工作室的合作。從生成設計的基礎開始,您將使用 Processing 和 p5.js 等適合初學者的工具,逐步完成互動性、動態字體排印和靈活的設計系統。透過掌握每項技能,您將能夠使用相同的公式和不同的輸入來創造無限的可能性,並且您會發現為您的設計添加多樣性遠不如看起來那麼複雜!
16課程練習
-
在 Processing 中編寫簡單的草圖 -
將 sin() 波加入 2D 網格 -
使用 P3D 形成圓柱體 -
數組實驗
-
建構粒子系統基礎課程x 2 -
在 p5.js 中寫一個簡單的 Sketch -
動畫滑鼠移動 -
使用滑桿控制參數
-
融入字體排印 -
探索循環噪音動畫 -
設計 DNA 形狀的結構 -
使用 PGraphics 製作光柵效果
-
自訂漸層網格 -
整合幾何庫 -
創建身分設計系統 -
創建運動設計系統
最終產品範例
-
1 運動設計系統(p5.js) -
1 標識設計系統(處理)
設計師和創意程式設計師
安德烈翁·德卡斯特羅
Andreion de Castro 是一位駐倫敦的設計師和創意編碼員,專門從事電腦設計和程式設計。他採用概念性方法並高度重視當代技術,專注於運動辨識、生成設計和靈活的設計系統。
他最近的項目包括為 Nothing Phone、O2、 Prada Beauty 和 The Verge 等客戶提供生成設計工具、計算字體排印和互動式網頁動畫,展示了他在商業、數位、音樂和 Web3 領域的多才多藝。
他熱衷於探索創意編碼中的未知領域,致力於創作突破界限、引起情感共鳴的作品。他使用程式碼作為創意工具來將想法形象化,將技術無縫地整合到工作流程中並彌合設計與技術之間的差距。

自由設計師和創意編碼員 Andreion de Castro
[現職的]
- 自由設計師和創意編碼員
新聞、出版及展覽
- Linkiesta,新聞,2024 年
- 奧斯陸「辦公室之外」展覽,2023 年
- 倫敦 Cluster Contemporary 展覽,2022 年
- Concc 畫廊,虛擬展覽,2022 年
- Type01 雜誌第 02 期,出版物,2021 年
- AIGA Eye on Design,新聞,2021 年
- Neo Shibuya 電視台,東京,展覽,2021 年
- 紐約市創意程式設計節展覽,2020 年
- Abduzeedo,新聞,2020 年
課程亮點
彌合設計與程式碼之間的差距
無論學生具有設計或程式設計背景,他們都將學習如何將編碼融入他們的創意工作流程中,並將其用作強大的設計工具。透過 Processing 和 p5.js 等軟體,他們將探索編碼作為生成設計、互動式網路體驗和動態字體排印的媒介。
從運動到互動
學生將創建響應用戶輸入的運動驅動設計和互動式動畫,提供身臨其境且引人入勝的體驗。透過深入探索 Processing 和 p5.js 中的內建函數,他們將利用這些工具來製作不僅功能無縫而且還增添趣味的動態作品!
建構靈活的設計系統
本課程將指導學生建立靈活的、基於規則的設計系統,以產生各種獨特的輸出。學生將掌握陣列和粒子等基本概念,這些概念對於在品牌、字體排印和動態圖形專案中創建程序性和生成性設計至關重要。
課程詳情
您將學到
-
創意編碼基礎您將學習 Processing 和 p5.js 的基礎知識,從語言基礎開始並練習簡單的程式碼行。我們將使用內建函數建立我們的第一個草圖,然後探索建立 2D 和 3D 網格的關鍵編碼概念。 -
生成設計原則接下來,我們將探索生成設計原則,重點關注 random() 等關鍵概念和物件導向程式設計來建立陣列和粒子系統。您還將學習如何在專業設計和品牌專案中應用這些技術! -
互動性簡介有沒有想過網站是如何追蹤你的滑鼠移動的?創意編碼讓我們可以即時與設計和動畫進行互動。我們將使用 p5.js 中的內建函數(例如滑鼠控制和滑桿)來創建對使用者輸入做出反應的響應式視覺效果。
-
動態設計基礎除了傳統的運動設計方法之外,您還將學習如何透過編碼為您的設計添加引人注目的動作。在迄今為止涵蓋的基礎知識的基礎上,我們將整合技術來創建循環和 DNA 啟發形狀等動畫。 -
動態字體排印技術使用 Processing,我們將採用諸如柵格化字體和動畫漸變等高級技術,以獲得可根據您的喜好定制的醒目的視覺效果。您還將了解 geomerative 庫,我們將使用它來為彩色字體排印動畫。 -
應用:靈活的設計系統透過探索 Andreion 的過去項目,您將了解如何將設計系統整合到您的工作流程中。課程的最終內容結合了所教授的所有技能,目標是為客戶從頭開始創建適應性模組化系統。
- Unlimited Access
- Best Price
Buy now, get unlimited access.
06/22 (Mon) (UTC-7) Special offer ends soon.
This special offer ends soon.
Buy now and save!
訪談
自由設計師和創意編碼員 Andreion de Castro
所需軟體
本課程將使用 Processing 和 p5.js。請購買並安裝這些軟體以獲得最佳化的章節體驗。
*這些軟體和/或材料將不會隨章節提供。
