設計

UI 設計的知識網站「GoodUI.org」整理分享了許多已經 A/B 測試的 UI 設計，先幫忙把常見的網頁排版都測完，幫助 UI 設計師/網頁設計師們省下許多功夫！ 什麼是A/B測試 A/B 測試（A/B...

睽違14年，今年10月即將入手的 eID，新功能你期待嗎? 還記得 2018 年內政部舉辦的「新版身分證」設計競賽嗎? 當時任職 HTC，參與 HTC Sense UI...

AUDI 的「數位優先（digital-first）」UI 設計策略 ▲ 因應 Audi 的「數位優先」品牌重塑計畫，德國設計公司 Strichpunkt 幫 Audi...

色彩的魔力：黑色在UI設計的運用 ▲ 黑色的UI設計範例 色彩對人造成的影響是非常強烈的，色彩心理學的開創者 Carl Jung 曾說：「色彩是潛意識的母語。」即使沒有自覺，但是我們的各種選擇其實都受到潛意識左右，而潛意識則很容易被顏色影響。CCI COLOR的研究顯示，消費者在網路上評估一項商品時平均只花費短短90秒，而對於產品的印象，有62%以上都來自於顏色。 因此「色彩心理學」對於 UI 設計 非常重要，無論是要設計軟體產品的介面、品牌形象網頁的整體視覺風格或提升...

為何我們會想寫這篇文章? 你以為產品設計師的工作只是讓產品美觀就好了嗎？沒那麼簡單！重點除了賦予外型質感外，更要顧慮到 UI (使用者介面）與 UX (使用者體驗)。目前 NETFLIX 上熱播的【抽象：設計的藝術 第二季】就聚焦在數位產品、字體、玩具、服裝、建築等領域的頂尖設計師，一起來看看他們的想法與普羅大眾相比，是否有什麼獨道之處，才能衍生出如此突出又充滿人性的創意？ 所有的設計，必須兼顧到質感、以「人」為出發點，才可稱得上是合格的設計。可見要當個成功的設計師，所思考的面向都必須比一般人更多，擁有更細膩的思維。目前 NETFLIX...

1. HTML5 書本翻頁動畫特效 這是手動翻書頁面特效的基本款。這款 HTML5 翻頁動畫可以用鼠標拖動頁面來模擬手動翻頁的效果，也可以點擊書頁的邊框來快速翻頁。 ▶網頁上展示 ▶原始碼下載 2. HTML5 3D書本翻頁特效 利用 HTML5 和...

2020 UI、UX 設計關鍵影響：5G ▲ 5G 時代的即將來臨，所有產業都牽涉其中。   5G 更代表我們將迎來嶄新的商業模式、掀起大規模產業變革以及為其他未來科技開啟一扇大門──如自駕車，5G 將成為這項科技得以開花結果的最大助力，幾乎任何高科技產業都會受到衝擊。 無疑問的，5G 將會是 2020...

網路行銷影片的文字標題太無聊？使用特效吧！根據國外有 32 萬人次訂閱的 VFX 影片後製教學頻道 「SonduckFilm 」精選出來的 Top 10...

國外一名擁有十多年經驗的 VFX 影像後製/剪接師，分享了一些新手剪輯師常犯的錯誤 —— 你會驚覺，這些錯誤是如此的常見。有可能是因為新手們不太清楚以下的剪輯小撇步： 這篇文章中，列出了 10 個新手們常犯的剪輯小誤區，只要避免這些錯誤，你在剪輯的工作上就能更加流暢，有立竿見影的效果。其中四個是關於工作整理、三個關於音效編輯、另外三個則是其他你沒想到的問題。 目錄： 凌亂的的資料夾 混亂的時間軸 錯誤的版本管理 沒有自動儲存或檔案備份 音軌不順或雜音四起 平庸的背景混音 馬虎的配樂編輯 差強人意的標題與字幕 錯誤編碼和影片速率 缺乏自我專業度的提升 凌亂的的資料夾 ▲ 凌亂的的資料夾示意圖 身為一個影片剪輯師，擁有一個分類整齊、一目然的資料夾是必備能力。他能讓你的其他工作夥伴，一看到你的資料夾，就知道你目前的工作進度，並且順暢的接手剪輯的工作。這樣的工作習慣不但能讓你在與其他剪輯師交接工作時更加順利，也將減輕你的工作負擔，讓你在開始工作時，更快銜接上上一次的工作進度。 所以，請將你的資料夾按照一定的邏輯分類，並在資料備份的硬碟中，也要保持一致的分類邏輯。另外，你也必須確保你備份了所有下載的影音檔、螢幕截圖以及檔案。你絕對不會知道當別人在離線的狀況下，看到你的檔案還需要上雲端去下載的時候，內心多麽崩潰。所以，這舉手之勞可是會讓別人大大感謝你的。 其實，檔案管理不只讓新手剪輯師苦惱。今天不管你是不是剪輯師，有效管理檔案都能讓工作事半功倍。若你也對檔案管理毫無頭緒，這裡的小技巧能讓你凌亂的數位檔案乖乖就緒，再也不會像迷宮一樣令人頭昏！ 混亂的時間軸 ▲ 混亂的時間軸示意圖 井然有序的時間軸，可以讓別人輕易的找到特定的剪輯片段，並且讓片段順序組織化。在較大型的專案中，若沒有這樣的習慣，很容易使你的工作變得一團亂。遵從以下幾點，就能避免時間軸混亂的災難： 替你的影像軌、音軌命名 讓每個組件都在指定的影像軌、音軌中 善用顏色標籤來分類不同類型的剪輯片段 別在時間軸的結尾任意留下垃圾 錯誤的版本管理 This...