SlideShare a Scribd company logo
1 of 36
Download to read offline
BEAR 的 分享
KWPI-ID Bear Lee
1
不管是
Facebook或
Twitter
從⼈人們亟欲尋求別⼈人
的認同或窺視他⼈人的
⼼心理出發。
產⽣生了這個時代媒體
的典範轉移
2
Path
從媒體的⾓角度,已分享相⽚片為
主,進展到各種媒體的分享的
社群app
3
Vine
以影⽚片為主的社群分享媒體
4
Linkedin
履歷型態、⼈人資導向的社群
5
OOHLALA
⾏行動裝置上的校園社群服務,
輕鬆建⽴立學校內的各種社交圈
的活動。
6
Pinterest
看到什麼轉貼什麼,收集、分享
7
Behance
設計、藝術相關⼈人員分享作品
的社群
8
Noah
⽣生物⽣生態活動相關的同好,分
享看到的⼀一些野⽣生的動植物的
社群
9
FANCY
時尚配件的分向社群,進⽽而逐
漸延伸到商店推銷新品的⾓角度,
與商業活動有所連接
10
Foodspotting
美⻝⾷食分享的社群媒體,最後這
個服務被opentable收購。
11
Posse
⼤大家可以建⽴立⾃自⼰己的頻道,分
享常去的店家,像是在創造⾃自
⼰己與這個店⾯面的內容。
12
Your Extra Life
把你達成什麼任務與⼤大家分享,
利⽤用像是遊戲任務達成的⼀一個
模式來與⼤大家⼀一起互相激勵、
分享。
13
Lift
分享執⾏行了某些習慣、
並且看到其他⼈人也做
了⼀一樣的事情
14
Everest
⼤大家都去分享:想要做到的⼀一
些事情,通常是⽐比較⼼心靈層⾯面
的。
15
Happier
⼀一個只有要你分享你覺得開⼼心
的事情的社群
16
Weathermob
專⾨門分享區域天氣的社群
17
資訊發佈來源跟⽅方式如此多,
怎麼同時經營,怎麼收集?
18
19
20
Momento
⽇日記軟體也開始思考,其實社
群平台的留⾔言都是⽇日記的⼀一部
分
21
Everyday.me
類似型態的⽇日記軟體,但是⽀支
援寄信到特定信箱變成⽇日記
22
timehop
同步你的各種社群帳號,告訴
你幾年前你說過啥,上傳啥照
⽚片。
23
Mailbox
新的想法!舊的典範新的思維,
把信件轉變成待辦。
還沒正式公開
就被Dropbox收購
24
以上舉的app多數都有很不錯的介⾯面質感,細緻度跟設
計系統都頗有⾵風格,⽽而且也讓我們發現,國外⾮非遊戲類
的熱⾨門app,多數都美麗且特殊。
有別於台灣App store⾮非遊戲類的app的質感與創意。
25
與UI相關的技術分享
26
我們是UI設計師
但是我們想要將我們希望的操作流暢度與動態
以及那些特別的排版、設計
正確的表達出來,需要持續觀注前端架構與發展、實作
27
LESS, SASS, STYLUS, COMPASS, HAML, SLIM, JADE,
COFFEE SCRIPT, ECO ...
Media Queries, CSS3, new Javascript API
S.M.A.S.S. OOCSS
RWD Bootstrap Parallels Scroll Water flow Flex box
28
Bootstrap
29
Foundation4
30
31
32
33
34
我們也希望能將這些UI的元件模組化,讓公司的產品介
⾯面有新的⼀一體性,與屬於GSS⾃自⼰己的視覺系統
35
任何產品有強⼤大的內在
需要有讓⼈人願意第⼀一眼感興趣的外在
當產品在⾏行銷或網路上⾃自⾏行銷售時
如何吸引使⽤用者的⺫⽬目光
進⽽而⽤用的舒服
是UI設計師需要努⼒力的,我們希望持續希望進步努⼒力
創造GSS在外在的品質與質感
36

More Related Content

Viewers also liked

Baala bhaavana (neethi satakamu) బాల భావన ( నీతి శతకము.)
Baala bhaavana (neethi satakamu) బాల భావన ( నీతి శతకము.)Baala bhaavana (neethi satakamu) బాల భావన ( నీతి శతకము.)
Baala bhaavana (neethi satakamu) బాల భావన ( నీతి శతకము.)Chinta Rama Krishna Rao
 
Business Analytics with R
Business Analytics with RBusiness Analytics with R
Business Analytics with REdureka!
 
電子書刺激擴大閱讀產業
電子書刺激擴大閱讀產業電子書刺激擴大閱讀產業
電子書刺激擴大閱讀產業Sophie Pang
 
Aula 2 Concordância
Aula 2 ConcordânciaAula 2 Concordância
Aula 2 Concordância2º ano CSR
 
Pedagogical Strategies for Worthwhile Learning in Online Environments
Pedagogical Strategies for Worthwhile Learning in Online EnvironmentsPedagogical Strategies for Worthwhile Learning in Online Environments
Pedagogical Strategies for Worthwhile Learning in Online EnvironmentsRamesh C. Sharma
 
Design persuasivo: alcuni esempi
Design persuasivo: alcuni esempiDesign persuasivo: alcuni esempi
Design persuasivo: alcuni esempiAlberto Mucignat
 
Go言語
Go言語Go言語
Go言語na_o_ys
 
Pallitathya Bulletin_Population Growth
Pallitathya Bulletin_Population GrowthPallitathya Bulletin_Population Growth
Pallitathya Bulletin_Population GrowthMd. Ariful Islam
 
サーバ構築自動化 On aws sqaleの場合
サーバ構築自動化 On aws   sqaleの場合サーバ構築自動化 On aws   sqaleの場合
サーバ構築自動化 On aws sqaleの場合Ryo Kuroda
 
جای خالی مدیر ارشد برند در شرکت های ایرانی
جای خالی مدیر ارشد برند در شرکت های ایرانیجای خالی مدیر ارشد برند در شرکت های ایرانی
جای خالی مدیر ارشد برند در شرکت های ایرانیrezamahdavi1980
 
תוכנית המהפכה בחינוך של נתניהו 2009
תוכנית המהפכה בחינוך של נתניהו 2009תוכנית המהפכה בחינוך של נתניהו 2009
תוכנית המהפכה בחינוך של נתניהו 2009Eli Hurvitz
 
Gem 1
Gem 1Gem 1
Gem 1bfnd
 
गोष्टी सांगेन युक्तीच्या चार
गोष्टी सांगेन युक्तीच्या चारगोष्टी सांगेन युक्तीच्या चार
गोष्टी सांगेन युक्तीच्या चारShantanu Abhyankar
 
MvSM: 7) Co tam dávat - tvorba obsahu pro sociální média
MvSM: 7) Co tam dávat - tvorba obsahu pro sociální médiaMvSM: 7) Co tam dávat - tvorba obsahu pro sociální média
MvSM: 7) Co tam dávat - tvorba obsahu pro sociální médiaMatez Jindra
 
Youth Participation - learned lessons from Sensoa's history
Youth Participation - learned lessons from Sensoa's historyYouth Participation - learned lessons from Sensoa's history
Youth Participation - learned lessons from Sensoa's historyElizabeth Verhetsel
 
Empower Teollisuus IoT
Empower Teollisuus IoTEmpower Teollisuus IoT
Empower Teollisuus IoTMatti Karhu
 
Medier i en digital verden 150922
Medier i en digital verden 150922Medier i en digital verden 150922
Medier i en digital verden 150922Stale Lindblad
 
Affiliate marketing - Nevyužitý marketingový kanál
Affiliate marketing - Nevyužitý marketingový kanálAffiliate marketing - Nevyužitý marketingový kanál
Affiliate marketing - Nevyužitý marketingový kanálMário Roženský
 

Viewers also liked (19)

Baala bhaavana (neethi satakamu) బాల భావన ( నీతి శతకము.)
Baala bhaavana (neethi satakamu) బాల భావన ( నీతి శతకము.)Baala bhaavana (neethi satakamu) బాల భావన ( నీతి శతకము.)
Baala bhaavana (neethi satakamu) బాల భావన ( నీతి శతకము.)
 
Business Analytics with R
Business Analytics with RBusiness Analytics with R
Business Analytics with R
 
電子書刺激擴大閱讀產業
電子書刺激擴大閱讀產業電子書刺激擴大閱讀產業
電子書刺激擴大閱讀產業
 
Aula 2 Concordância
Aula 2 ConcordânciaAula 2 Concordância
Aula 2 Concordância
 
Pedagogical Strategies for Worthwhile Learning in Online Environments
Pedagogical Strategies for Worthwhile Learning in Online EnvironmentsPedagogical Strategies for Worthwhile Learning in Online Environments
Pedagogical Strategies for Worthwhile Learning in Online Environments
 
Design persuasivo: alcuni esempi
Design persuasivo: alcuni esempiDesign persuasivo: alcuni esempi
Design persuasivo: alcuni esempi
 
Go言語
Go言語Go言語
Go言語
 
Pallitathya Bulletin_Population Growth
Pallitathya Bulletin_Population GrowthPallitathya Bulletin_Population Growth
Pallitathya Bulletin_Population Growth
 
サーバ構築自動化 On aws sqaleの場合
サーバ構築自動化 On aws   sqaleの場合サーバ構築自動化 On aws   sqaleの場合
サーバ構築自動化 On aws sqaleの場合
 
جای خالی مدیر ارشد برند در شرکت های ایرانی
جای خالی مدیر ارشد برند در شرکت های ایرانیجای خالی مدیر ارشد برند در شرکت های ایرانی
جای خالی مدیر ارشد برند در شرکت های ایرانی
 
תוכנית המהפכה בחינוך של נתניהו 2009
תוכנית המהפכה בחינוך של נתניהו 2009תוכנית המהפכה בחינוך של נתניהו 2009
תוכנית המהפכה בחינוך של נתניהו 2009
 
Gem 1
Gem 1Gem 1
Gem 1
 
गोष्टी सांगेन युक्तीच्या चार
गोष्टी सांगेन युक्तीच्या चारगोष्टी सांगेन युक्तीच्या चार
गोष्टी सांगेन युक्तीच्या चार
 
MvSM: 7) Co tam dávat - tvorba obsahu pro sociální média
MvSM: 7) Co tam dávat - tvorba obsahu pro sociální médiaMvSM: 7) Co tam dávat - tvorba obsahu pro sociální média
MvSM: 7) Co tam dávat - tvorba obsahu pro sociální média
 
Youth Participation - learned lessons from Sensoa's history
Youth Participation - learned lessons from Sensoa's historyYouth Participation - learned lessons from Sensoa's history
Youth Participation - learned lessons from Sensoa's history
 
Set
SetSet
Set
 
Empower Teollisuus IoT
Empower Teollisuus IoTEmpower Teollisuus IoT
Empower Teollisuus IoT
 
Medier i en digital verden 150922
Medier i en digital verden 150922Medier i en digital verden 150922
Medier i en digital verden 150922
 
Affiliate marketing - Nevyužitý marketingový kanál
Affiliate marketing - Nevyužitý marketingový kanálAffiliate marketing - Nevyužitý marketingový kanál
Affiliate marketing - Nevyužitý marketingový kanál
 

More from DesBear Li

符合時代的介面設計潮流
符合時代的介面設計潮流符合時代的介面設計潮流
符合時代的介面設計潮流DesBear Li
 
走在前面,看見世界的設計
走在前面,看見世界的設計走在前面,看見世界的設計
走在前面,看見世界的設計DesBear Li
 
jQuery easy use
jQuery easy usejQuery easy use
jQuery easy useDesBear Li
 
GSS Cloud Services Portal new design introduction
GSS Cloud Services Portal new design introductionGSS Cloud Services Portal new design introduction
GSS Cloud Services Portal new design introductionDesBear Li
 
2014 GSS solution day - ID Bear
2014 GSS solution day - ID Bear2014 GSS solution day - ID Bear
2014 GSS solution day - ID BearDesBear Li
 
GSS FED 別亂來交給我們來 Bear
GSS FED 別亂來交給我們來 Bear GSS FED 別亂來交給我們來 Bear
GSS FED 別亂來交給我們來 Bear DesBear Li
 
Videgree-新增工作
Videgree-新增工作Videgree-新增工作
Videgree-新增工作DesBear Li
 
Videgree-首頁說明
Videgree-首頁說明Videgree-首頁說明
Videgree-首頁說明DesBear Li
 
愛顧客 分享茶會 感動行銷
愛顧客 分享茶會 感動行銷愛顧客 分享茶會 感動行銷
愛顧客 分享茶會 感動行銷DesBear Li
 
中小企業使用經驗分享 愛報告茶會 Alan_20120112
中小企業使用經驗分享 愛報告茶會 Alan_20120112中小企業使用經驗分享 愛報告茶會 Alan_20120112
中小企業使用經驗分享 愛報告茶會 Alan_20120112DesBear Li
 
愛你業績好分享茶會 part4 不景氣的業績突圍術-2
愛你業績好分享茶會 part4 不景氣的業績突圍術-2愛你業績好分享茶會 part4 不景氣的業績突圍術-2
愛你業績好分享茶會 part4 不景氣的業績突圍術-2DesBear Li
 
愛報告 分享茶會 簡報大綱-20111212上鼎
愛報告 分享茶會 簡報大綱-20111212上鼎愛報告 分享茶會 簡報大綱-20111212上鼎
愛報告 分享茶會 簡報大綱-20111212上鼎DesBear Li
 

More from DesBear Li (15)

Vital UI kit
Vital UI kitVital UI kit
Vital UI kit
 
符合時代的介面設計潮流
符合時代的介面設計潮流符合時代的介面設計潮流
符合時代的介面設計潮流
 
走在前面,看見世界的設計
走在前面,看見世界的設計走在前面,看見世界的設計
走在前面,看見世界的設計
 
jQuery easy use
jQuery easy usejQuery easy use
jQuery easy use
 
GSS Cloud Services Portal new design introduction
GSS Cloud Services Portal new design introductionGSS Cloud Services Portal new design introduction
GSS Cloud Services Portal new design introduction
 
2014 GSS solution day - ID Bear
2014 GSS solution day - ID Bear2014 GSS solution day - ID Bear
2014 GSS solution day - ID Bear
 
Bear RWD
Bear RWDBear RWD
Bear RWD
 
GSS FED 別亂來交給我們來 Bear
GSS FED 別亂來交給我們來 Bear GSS FED 別亂來交給我們來 Bear
GSS FED 別亂來交給我們來 Bear
 
Web basic
Web basicWeb basic
Web basic
 
Videgree-新增工作
Videgree-新增工作Videgree-新增工作
Videgree-新增工作
 
Videgree-首頁說明
Videgree-首頁說明Videgree-首頁說明
Videgree-首頁說明
 
愛顧客 分享茶會 感動行銷
愛顧客 分享茶會 感動行銷愛顧客 分享茶會 感動行銷
愛顧客 分享茶會 感動行銷
 
中小企業使用經驗分享 愛報告茶會 Alan_20120112
中小企業使用經驗分享 愛報告茶會 Alan_20120112中小企業使用經驗分享 愛報告茶會 Alan_20120112
中小企業使用經驗分享 愛報告茶會 Alan_20120112
 
愛你業績好分享茶會 part4 不景氣的業績突圍術-2
愛你業績好分享茶會 part4 不景氣的業績突圍術-2愛你業績好分享茶會 part4 不景氣的業績突圍術-2
愛你業績好分享茶會 part4 不景氣的業績突圍術-2
 
愛報告 分享茶會 簡報大綱-20111212上鼎
愛報告 分享茶會 簡報大綱-20111212上鼎愛報告 分享茶會 簡報大綱-20111212上鼎
愛報告 分享茶會 簡報大綱-20111212上鼎
 

Bear gss experiences shareing