Archive for 設計技術

一張圖說明 Responsive Design 的精華

之前有寫 一篇文章 談 Responsive Design 的概念,中文似乎沒有統一,先稱為自適性設計吧

許多知名的網站框架都有導入這樣的概念 (例如:Twitter 所用的 Bootstrap)

可以大幅減少開發的時間

 

這次製作了一張圖,直接說明其意義:

 responsiveDesign

 

如果嫌圖片太小,這裡有原圖可以觀看

http://i.imgur.com/jWuS0.png

 

其中 pixel 所列的數字是大致參考值

確切數字還是必須根據裝置不同而定

 

如果有錯誤,歡迎指正!

[閒聊] Business Need to Design Now

image

圖片來源

 

看到朋友分享到這個連結,說到很多關於設計的重要性

http://www.slideshare.net/stephenpa/business-needs-design-now

 

我一直很喜歡研究「設計 + 科技 + 商業」三者之間的關聯性

也希望能夠鑽研相關的知識

但老實說這三者真的是截然不同的領域

 

設計人常常有許多的理想,但又不得不為麵包低頭

科技人常常擁有了滿滿的專業知識,卻發現在同個領域鑽研太深

而商業人則是什麼都懂,卻又懂不到骨子裡

Read more

[設計作品] iFactory Cloud Web UI

最近加入公司的一個 Cloud Solution 的 Case

主要負責 UI Design 的部份

本案屬於製造業的相關雲端服務,主要應用的產業為工具機產業,以下是網站的相關截圖

 

1. 登入頁

1_login

[設計作品] 製造服務化研討會 DM

高第一科大 S.E.E 課程DM

 

最近部門瘋狂辦活動,三月要辦3場研討會,搞的人仰馬翻 XD

不過有的忙也是好事一件,總比沒得忙好 !

上面就是針對其中一場設計的 DM

[設計作品] 個人名片 + tagCloud 生成服務

peng

 

話說之前很假會的設計了自己的名片

主要是用 Tag Cloud 的概念把跟自己有關的 term 給包進去

於是就產生了上面那張名片