Image for post
Image for post
原文刊載於 Riven 官網 https://riven.design/1533/

嗨囉,我是設計師 Riven 🙂

這幾天凌晨都在九份的民宿熬夜看著 Adobe MAX 線上轉播,一邊懷念去年在洛杉磯活動裡遊玩的回憶,特別是今年的疫情關係不但讓出國成為一件難度極高的事,也讓每年都盛大萬人舉辦的創意年會 Adobe MAX 轉成線上舉辦的方式,不過也因此省去不少花費,去年那一趟加一加機票、飯店跟門票等等,至少也要花快十萬新台幣才能進場參加吧,每次想到都很感謝 Adobe Taiwan 的邀請贊助 🙏

記得在 Adobe MAX 實體活動中就有著非常豐富的資訊與內容,那這次搬到線上也是滿滿三天的排程,那今天這篇文章主要是想給沒辦法熬夜即時參與、沒那麼多時間觀看,或資訊量太大不知道該怎麼著手的讀者,由我來幫忙整理中文的重點筆記,除此之外也會附上相關延伸連結(盡可能地找到重播),來讓想更進階研究的朋友觀看。

本篇文章摘錄的活動重點資訊與內容有:

  1. 認識 Adobe MAX
  2. 《Keynote》發表了什麼新東西
  3. 「UI/UX 設計」主題議程
  4. 「平面設計」主題議程
  5. 場外休憩推薦議程
  6. 《Sneaks》開發中黑科技
  7. Adobe MAX 2020 會後感

而活動期間是台灣時間 10/21 半夜開始,到 10/22 凌晨結束,由於 Adobe MAX 仍在進行中,所以這篇文章還會持續更新噢!

認識 Adobe MAX

Adobe MAX 是 Adobe 一年一度的大型年會活動,每年都吸引超過萬名設計師、創意工作者參與,入場門票約近台幣三萬元,加上附近因此漲價的飯店,以及美國來回機票等等,參與費用一直都是個不小的成本,所以滿多參加的人是由公司代表派遣參加。

主要舉辦地點是在美國洛杉磯,邀請的分享講者除了 Adobe 內部人員外,也都會邀請國際知名的創意人士來分享,像是去年有 Billie Eilish 以及村上隆,今年則是有美國脫口秀主持人康納、電影明星基努·李維,以及韓國街舞女王 Lia Kim 等等。

每年這個時候都會發表重大更新跟產品趨勢,除此之外也會有很多場跟「創新」「創意」有關的研討會,畢竟 Adobe 旗下產品包山包海,主題涵蓋領域從電影、商業、工業、科技到行銷等等都有,所以其實不像是單純的產品發表會或開發者大會,而是更廣義的「Creativity」年會。

而其他城市也會在那之後同步舉行當地的小型 MAX 活動,比如說東京與台北也幾乎都有,而在地場次則會邀請當地的創意工作者來擔任講者。

Image for post
Image for post

延伸閱讀


Image for post
Image for post
原文刊載於:https://riven.design/1539

嗨囉,我是設計師 Riven 🙂

在今天台灣時間約凌晨三點的時候,線上舉行的 Adobe MAX 活動直播開始進行了,而在第一天的議程當中少不了宣布幾項現有產品的更新,像是 Illustrator for iPad 終於正式公開囉!以及 iPhone 版本的 Fresco 等等;而 Adobe Xd 則也釋出了內建的 3D Transforms 功能,可以在軟體當中直接將介面中的物件做立體視角的轉換,今天就讓我們一起來看看它可以做什麼事情吧~

Image for post
Image for post
Transforms

軟體使用方式

Image for post
Image for post
Transforms
Image for post
Image for post
選取物件後在 Adobe Xd 開啟 3D Transforms
Image for post
Image for post
用拖曳的方式來調整視角

而這個原理其實就是可以調整圖片的透視角度,我們從下面這張哀傷的示意圖中可以更清楚地理解這項 Adobe Xd 的新功能:

Image for post
Image for post
使用 3D Transforms 可以切換物件的不同視角

在 UI 介面上的用途

1.做出透視感的視覺設計

Image for post
Image for post

2.更好的合成畫面角度

Image for post
Image for post

3. 介面互動設計

於實務開發面向的用途

同時,開啟 3D Transforms 後除了原本物件的 X 軸與 Y 軸,還會開啟另外一個 Z 軸,能夠直接做 Z 軸平移,而這則是對應到前端語言當中的translateZ

Image for post
Image for post
調整 Z 軸會讓物件產生前後透視關係(無視圖層順序)

而回到前面提到介面上的互動,如果能夠著實地做出來,則可以產生類似 AR 虛擬實境感的介面體驗。

Image for post
Image for post
範例檔案可以到 Transforms in Adobe XD 下載。

這樣看來 3D Transforms 的確可以在 UI 介面上創造更多設計的可能性呢!

好啦,以上就是今天關於 Adobe Xd 新功能 3D Transforms 的簡單介紹,除此之外在 Adobe MAX 2020 年上還有一些像是 Stacks、Smart Padding 等的更新,有興趣的同學可以收看 Keynote 開場展示的環節存檔影片。

我是 Riven 😀 我們下次見囉~ 掰掰。

延伸閱讀


Image for post
Image for post
本篇文章為《不小心就學會!用 UI 設計方法製作網站》使用教材,有興趣的讀者可以到線上課程頁面參考。

嗨囉,我是設計師 Riven 🙂

在上一篇文章中呢,我們聊到西元 1990 年代網站的初次誕生,與接下來瀏覽器大戰帶來的網頁技術發展,同時也提到了在 2000 年初期呢,由於網站的使用者從被動瀏覽,轉變成自主產生內容的互動模式,UI/UX 的設計逐漸受到設計師與使用者的重視。

通常每一年都會在社群上看到類似「2020 年網頁設計趨勢」的文章,坦白說這類整理都還滿主觀的(畢竟沒有數據統計過),不過還是可以看一下長長見聞,就像偶然間翻閱美妝或穿搭雜誌時總會有一些意外的收穫。

而今天我們就接著來聊聊在網頁基礎建設穩定後的網頁設計趨勢,說不定能夠從其中得到一些網頁設計上的靈感哦。

到 Riven 的部落格上閱讀 🖥 https://riven.design/1341

十年之前 🎵

時間來到西元 2010 年 6 月 7 日,已故蘋果前任 CEO 賈伯斯(Steve Jobs),在展示台上向全世界介紹 Apple 最新的得意作品:iPhone 4,在科技圈滑起了一波大風向。在之後的短短幾年間,智慧型手機就成為每個人手上或褲子口袋內都會有的產品。

Steve Jobs reveals the iPhone 4 at a conference in 2010.
Steve Jobs reveals the iPhone 4 at a conference in 2010.
What Does the i in iPhone Stand For?

同年,網頁設計師 伊森·馬爾科特(Ethan Marcotte)發表了一篇叫《Responsive Web Design》的文章,裡面講述了一種方法,能將 HTML 程式碼乘載的網頁內容,針對不同裝置進行自適應,也就是現在網站都會要求的響應式設計。

Image for post
Image for post
https://alistapart.com/article/responsive-web-design/

在此之後的 10 年間(西元2010~2020),由於前面歷經瀏覽器戰爭與 Web 2.0 等網頁技術面的發展,在這些基礎設施之上,網頁的開發技術面相對穩定與安全,就跟人類在求溫飽滿足之後就會追求吃得更好一樣(八方雲集不吃鍋貼改點鮮蝦水餃),大家開始更關注網頁的視覺美觀,以及用起來好不好用,也就是網頁的開發重點轉移成設計、創意、視覺、互動等等;網路上統稱這些使用當代最新網頁技術的網站為 — — Modern Web

而在台灣也有同名的資訊年會 Modern Web,每年都會舉辦大型活動來讓 IT 產業工作者參加。

而在接下來呢,讓我們一年一年來回顧,在當時的網頁都流行些什麼東西,當然這跟每年的流行穿搭一樣,並不是絕對的!但我們可能更容易在那時候從客戶那邊聽到說:「我想要 _______…

About

林育正 Riven

是數位遊牧型態的設計師💻 喜歡邊旅行邊工作的生活,逐網路、插座與咖啡而居。期待能夠將艱難的設計與開發技術,用麻瓜都能夠聽得懂的話,說給每一個人聽。更多關於我:riven.design

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store