交互設計案例分享 Weekly #28

交互設計案例分享 Weekly #28

第二十八期交互設計案例分享,奧革設計每週都會整理一次的交互案例作品分享,靈感來自全世界那些厲害的設計師,如果你喜歡我們的分享,歡迎關注我們的Facebook 粉絲團哦!

August 26th, 2016 By 涂家華
介面設計靈感 #4「進度條(Progress bar)」

介面設計靈感 #4「進度條(Progress bar)」

不定時整理一次的設計靈感分享,靈感來自全世界那些厲害的設計師,如果你喜歡我們的分享,歡迎關注我們的Facebook 粉絲團! 本期介紹只要是等待狀態都會看到的「進度條(Progress bar)」設計!

August 23rd, 2016 By 奧革士
Sketch 小技巧 - 快速設定元件的背景圖片的幾種方式

Sketch 小技巧 - 快速設定元件的背景圖片的幾種方式

還記得我們之前分享的「Sketch 小技巧 - 如何快速設定圖片背景」嗎?有幾位設計師朋友在看過這篇小技巧後,向我們詢問要如何把這樣的技巧運用在已經變成元件的圖層呢?今天我們趕緊跟大家分享元件(Symbol)背景設定上的小技巧。

August 23rd, 2016 By 奧革士
決定使用者行為動機的「法格行為模型」

決定使用者行為動機的「法格行為模型」

法格行為模型(Fogg Behavior Model)是由 Fogg 教授所提出來的行為模式理論,在法格行為模型可以使用公式 B = MAT 來代表,分別代表行為(Behavior)、動機(Motivation)、能力(Ability)、觸發(Trigger)。

August 18th, 2016 By 奧革士
交互設計案例分享 Weekly #27

交互設計案例分享 Weekly #27

第二十七期交互設計案例分享,奧革設計每週都會整理一次的交互案例作品分享,靈感來自全世界那些厲害的設計師,如果你喜歡我們的分享,歡迎關注我們的Facebook 粉絲團哦!

August 17th, 2016 By 涂家華
交互設計案例分享 Weekly #26

交互設計案例分享 Weekly #26

第二十六期交互設計案例分享,奧革設計每週都會整理一次的交互案例作品分享,靈感來自全世界那些厲害的設計師,如果你喜歡我們的分享,歡迎關注我們的Facebook 粉絲團哦!

August 9th, 2016 By 涂家華
交互設計案例分享 Weekly #25

交互設計案例分享 Weekly #25

第二十五期交互設計案例分享,奧革設計每週都會整理一次的交互案例作品分享,靈感來自全世界那些厲害的設計師,如果你喜歡我們的分享,歡迎關注我們的Facebook 粉絲團哦!

August 1st, 2016 By 涂家華
Sketch 小技巧 - 快速選取 Artboard 的幾種方式

Sketch 小技巧 - 快速選取 Artboard 的幾種方式

這篇文章介紹了幾種快速選擇 Artboard 的小技巧,有時候我們需要輸出整個 Page 的所有 Artboard,以前我會使用 Shift 一個一個選取,後來發現 Shift + ⌘ + A 這個快速鍵可以直接選全畫面中的所有圖層,在匯出設計圖特別有用!

July 27th, 2016 By 奧革士
Sketch 小技巧 - 如何快速預覽並套用字型

Sketch 小技巧 - 如何快速預覽並套用字型

設計師常常透過不同的字型,讓介面設計呈現出不同的風格,在 Sketch 中我們常常透過這樣的方式來選擇、套用文字的字型,如果電腦上安裝了非常多的自己這樣找其來非常的累人,是否又更高效率的方式呢?

July 26th, 2016 By 奧革士
交互設計案例分享 Weekly #24

交互設計案例分享 Weekly #24

第二十四期交互設計案例分享,奧革設計每週都會整理一次的交互案例作品分享,靈感來自全世界那些厲害的設計師,如果你喜歡我們的分享,歡迎關注我們的Facebook 粉絲團哦!

July 25th, 2016 By 涂家華
Sketch 小技巧 - 更快速設定圖片背景的方式

Sketch 小技巧 - 更快速設定圖片背景的方式

還記得我們第一篇分享的「Sketch 小技巧 - 如何快速設定圖片背景」嗎?這幾天我們突然發現這個小技巧還有進階版的使用技巧,今天趕緊跟大家分享!我們發現,除了這樣的方式以外,原來我們還可以使用 ⌘ + V 貼上的方式來設定背景,方法十分容易!

July 25th, 2016 By 奧革士
Sketch 小技巧 - 鍵盤 0 - 9 的妙用

Sketch 小技巧 - 鍵盤 0 - 9 的妙用

在設計介面,我們時常會透過透明度的調整製作出深淺、漸層、模糊等效果,在細節調整的時候,我們常常都需要嘗試著這種透明值的效果,以前我會在 Opacity 上輸入我想要的數值,不斷修改來達到這個目的,某次點擊數字鍵 0-9 意外發現更快速設定透明度的方法

July 20th, 2016 By 奧革士
Sketch 小技巧 - 自訂 Sketch 圖層的預設樣式

Sketch 小技巧 - 自訂 Sketch 圖層的預設樣式

在設計介面的時候我們常常有這樣的體驗,在畫面拖曳一個圖層,取消外框、修改背景色、修改圓角、修改....等,Sketch 預設拖曳出來的圖層樣式往往不是我們想要的。今天我們要介紹 Sketch 提供的一個非常方便的功能Set Style as Default。

July 19th, 2016 By 奧革士
Sketch 小技巧 - 如何將文字圖層轉換成向量圖

Sketch 小技巧 - 如何將文字圖層轉換成向量圖

今天我們想和大家分享在 Sketch 中很好用的功能「Covert to Outline」,這個功能通常我們會用在兩個情境:1. 將文字轉成向量圖 2. 將圖層框線 (Border) 轉換成填滿 (Fill)

July 18th, 2016 By 奧革士
交互設計案例分享 Weekly #23

交互設計案例分享 Weekly #23

第二十三期交互設計案例分享,奧革設計每週都會整理一次的交互案例作品分享,靈感來自全世界那些厲害的設計師,如果你喜歡我們的分享,歡迎關注我們的Facebook 粉絲團哦!

July 14th, 2016 By 涂家華
Sketch 小技巧 - 官方不提供的快速鍵,我們自己來設定

Sketch 小技巧 - 官方不提供的快速鍵,我們自己來設定

如果某些功能每天要用上百次,上一篇的作法就顯的沒效率了!所以今天要跟大家介紹所有 Mac 電腦都提供的「自訂應用程式快速鍵」功能。在 Sketch 中有很多常用功能並沒有提供快速鍵,也有很多功能的快速鍵不容易點擊(組合鍵超難記),讓我們請出「自訂應用程式快速鍵」功能,來解決這個問題吧!

July 13th, 2016 By 奧革士
Sketch 小技巧 - 使用幫助選單功能加快設計速度

Sketch 小技巧 - 使用幫助選單功能加快設計速度

今天我們來分享在 Mac 系統中一直存在的好用功能「幫助選單」。說到 Mac 的幫助選單,可能有許多朋友從來沒用過它,簡單來說,他是 Mac OS 提供給使用者的一個查找選單功能在哪裡的貼心功能(原先我們也以為就這麼單純)。

July 13th, 2016 By 奧革士
Sketch 小技巧 - 如何快速設定圖片背景

Sketch 小技巧 - 如何快速設定圖片背景

從今天開始,奥革團隊會開始撰寫一系列設計教學、技巧文章。首先我們會從 Sketch 實用小技巧開始,每一篇文章都會提到我們團隊使用 Sketch 時發現的小撇步,讓我們趕快開始吧!

July 13th, 2016 By 奧革士
交互設計案例分享 Weekly #22

交互設計案例分享 Weekly #22

第二十二期交互設計案例分享,奧革設計每週都會整理一次的交互案例作品分享,靈感來自全世界那些厲害的設計師,如果你喜歡我們的分享,歡迎關注我們的Facebook 粉絲團哦!

July 10th, 2016 By 涂家華
交互設計案例分享 Weekly #21

交互設計案例分享 Weekly #21

第二十一期交互設計案例分享,奧革設計每週都會整理一次的交互案例作品分享,靈感來自全世界那些厲害的設計師,如果你喜歡我們的分享,歡迎關注我們的Facebook 粉絲團哦!

June 30th, 2016 By 涂家華
交互設計案例分享 Weekly #20

交互設計案例分享 Weekly #20

第二十期交互設計案例分享,奧革設計每週都會整理一次的交互案例作品分享,靈感來自全世界那些厲害的設計師,如果你喜歡我們的分享,歡迎關注我們的Facebook 粉絲團哦!

June 19th, 2016 By 涂家華
交互設計案例分享 Weekly #19

交互設計案例分享 Weekly #19

第十九期交互設計案例分享,奧革設計每週都會整理一次的交互案例作品分享,靈感來自全世界那些厲害的設計師,如果你喜歡我們的分享,歡迎關注我們的Facebook 粉絲團哦!

June 12th, 2016 By 涂家華
交互設計案例分享 Weekly #18

交互設計案例分享 Weekly #18

第十八期交互設計案例分享,奧革設計每週都會整理一次的交互案例作品分享,靈感來自全世界那些厲害的設計師,如果你喜歡我們的分享,歡迎關注我們的Facebook 粉絲團哦!

June 1st, 2016 By 涂家華
淺談列表介面設計

淺談列表介面設計

本文將分析列表在各種情境的設計方法,以及需要注意的事項。

May 25th, 2016 By 奧革士
介面動畫設計要瞭解的事情

介面動畫設計要瞭解的事情

細節決定成敗,今天來談談動畫在用戶體驗上扮演哪些重要的角色。隨著裝置效能的提升,越來越多的應用程式開始加入動畫到應用裡,利用動畫的效果,透過各種各式各樣的動畫,事情更容易理解、焦慮的心情減少了、枯燥的狀態變的有意思了 本文章會先從動畫的任務開始,瞭解動畫如何應用在介面設計上,接著會從卡通瞭解如何設計更真實自然的動畫,最後會提出一些使用動畫要注意的事項。

May 25th, 2016 By 奧革士
淺談介面設計的空白狀態設計 Empty State Design

淺談介面設計的空白狀態設計 Empty State Design

空白狀態只的是應用程式在「沒有資料」、「空列表」、或「錯誤」所呈現的一個畫面,空白狀態會透過一些圖示或文字告訴使用者怎麼回事,最後引導使用者操作相關的功能。良好的應用程式會花很多心思空白狀態上,引導使用者添加內容到應用上,增強使用者的黏著度。

May 25th, 2016 By 奧革士
淺談對話框介面設計的眉眉角角

淺談對話框介面設計的眉眉角角

對話框就像是汽車的「緊急煞車」,對話框的顯示會立刻的中斷使用者當前的任務,設計介面時,請務必注意這類型的操作,因為這很可能會讓使用者感到厭煩,讓我們看看對話框的使用實機

May 25th, 2016 By 奧革士
如何尋找並分析你的產品潛在競爭者?

如何尋找並分析你的產品潛在競爭者?

這篇文章簡單的記錄了幾種簡單好用的方法,告訴你如何找到並分析你產品的潛在競爭者的方式,觀察你的對手,向他們學習、借鏡,這些小技巧你一定要學起來!你想解決的問題,也許已經有其他人用更優雅的方式解決了,只是你自己不曉得而已!

May 25th, 2016 By 奧革士
交互設計案例分享 Weekly #17

交互設計案例分享 Weekly #17

第十七期交互設計案例分享,奧革設計每週都會整理一次的交互案例作品分享,靈感來自全世界那些厲害的設計師,如果你喜歡我們的分享,歡迎關注我們的Facebook 粉絲團哦!

May 24th, 2016 By 涂家華
交互設計案例分享 Weekly #16

交互設計案例分享 Weekly #16

第十六期交互設計案例分享,奧革設計每週都會整理一次的交互案例作品分享,靈感來自全世界那些厲害的設計師,如果你喜歡我們的分享,歡迎關注我們的Facebook 粉絲團哦!

May 16th, 2016 By 涂家華
交互設計案例分享 Weekly #15

交互設計案例分享 Weekly #15

第十五期交互設計案例分享,奧革設計每週都會整理一次的交互案例作品分享,靈感來自全世界那些厲害的設計師,如果你喜歡我們的分享,歡迎關注我們的Facebook 粉絲團哦!

May 16th, 2016 By 奧革士
交互設計案例分享 Weekly #14

交互設計案例分享 Weekly #14

第十四期交互設計案例分享,奧革設計每週都會整理一次的交互案例作品分享,靈感來自全世界那些厲害的設計師,如果你喜歡我們的分享,歡迎關注我們的Facebook 粉絲團哦!

May 9th, 2016 By 奧革士
交互設計案例分享 Weekly #13

交互設計案例分享 Weekly #13

第十三期交互設計案例分享,奧革設計每週都會整理一次的交互案例作品分享,靈感來自全世界那些厲害的設計師,如果你喜歡我們的分享,歡迎關注我們的Facebook 粉絲團哦!

May 2nd, 2016 By 奧革士
交互設計案例分享 Weekly #12

交互設計案例分享 Weekly #12

第十二期交互設計案例分享,奧革設計每週都會整理一次的交互案例作品分享,靈感來自全世界那些厲害的設計師,如果你喜歡我們的分享,歡迎關注我們的Facebook 粉絲團哦!

April 24th, 2016 By 奧革士
交互設計案例分享 Weekly #11

交互設計案例分享 Weekly #11

第十一期交互設計案例分享,奧革設計每週都會整理一次的交互案例作品分享,靈感來自全世界那些厲害的設計師,如果你喜歡我們的分享,歡迎關注我們的Facebook 粉絲團哦!

April 21st, 2016 By 奧革士
交互設計案例分享 Weekly #10

交互設計案例分享 Weekly #10

第十期交互設計案例分享,奧革設計每週都會整理一次的交互案例作品分享,靈感來自全世界那些厲害的設計師,如果你喜歡我們的分享,歡迎關注我們的Facebook 粉絲團哦!

April 18th, 2016 By 奧革士
交互設計案例分享 Weekly #9

交互設計案例分享 Weekly #9

第九期交互設計案例分享,奧革設計每週都會整理一次的交互案例作品分享,靈感來自全世界那些厲害的設計師,如果你喜歡我們的分享,歡迎關注我們的Facebook 粉絲團哦!

April 17th, 2016 By 奧革士
交互設計案例分享 Weekly #8

交互設計案例分享 Weekly #8

第八期交互設計案例分享,奧革設計每週都會整理一次的交互案例作品分享,靈感來自全世界那些厲害的設計師,如果你喜歡我們的分享,歡迎關注我們的Facebook 粉絲團哦!

April 15th, 2016 By 奧革士
交互設計案例分享 Weekly #7

交互設計案例分享 Weekly #7

第七期交互設計案例分享,奧革設計每週都會整理一次的交互案例作品分享,靈感來自全世界那些厲害的設計師,如果你喜歡我們的分享,歡迎關注我們的Facebook 粉絲團哦!

April 14th, 2016 By 奧革士
交互設計案例分享 Weekly #6

交互設計案例分享 Weekly #6

第六期交互設計案例分享,奧革設計每週都會整理一次的交互案例作品分享,靈感來自全世界那些厲害的設計師,如果你喜歡我們的分享,歡迎關注我們的Facebook 粉絲團哦!

April 13th, 2016 By 奧革士
more_horiz

關注我們的粉絲團,

隨時掌握重要的設計的資訊!