http://fancybox.net/

Pinterest - 

網站能搜尋設計師製作作品上傳到網路分享

也能說是作品集，且陸續增加。

手機介面 動畫師手稿圖 不錯網頁排版 各種想的到的 "

通常搜尋國外參考資料較多就是。

http://www.pinterest.com/search/pins/?q=ui&rs=ac&len=2

 

這個讓人很有感觸吧 ...

 

Allen 這要給麗菁看看...

（2014-05-14）如何讓善心人士可以立即感受到，自己捐出去的慈善愛心善款，能有效解決問題？聰明的戶外廣告，如何達到促購、吸睛，及教育上的功能？小額捐款有沒有更有創意的方式？

（Brain.com 2014-05-14）隨著時代進步，捐款的宣傳方式也進步了，德國公益組織Misereor在國際機場放置一台大型互動式螢幕，當路過的旅客以信用卡劃過螢幕中央的刷卡機後，系統業者就會自動扣款兩歐元。

而螢幕畫面也會跟著變化：原本被束縛的雙手重新獲得自由，或者麵包被切開、飢餓的狀況獲得改善，透過互動影像的方式，讓捐款人馬上感受到自己捐出的兩歐元可能達到的效益！

以往傳統的文字宣傳能達到的效果相當有限，於是Misereor透過廣告公司Kolle Rebbe協助，設計了這個相當有趣的捐款方式，利用歐洲地區高達40%的刷卡付費習慣，設計一台名為PlaCard–The Social Swipe的互動式機台，畫面則隨機顯示兩組照片，分別代表貧窮地區常見的生活困境——飢餓與兒童監禁，將刷卡的動作轉化為「切開」的意義，切開限制自由的繩索，以及切開麵包、幫助一個飢餓的家庭等。

目前這台機器放在德國各國際機場，並且由行動付費公司STRIPE.COM維持交易安全，看影片中有些媽媽會抱起小孩來操作，捐款之餘還能教育下一代，或許兩歐元並不算多，不過積少成多的力量絕不容小覷喔！

原文網址:動腦新聞http://www.brain.com.tw/News/NewsContent.aspx?ID=20129#ixzz32JOGx6kA

之前九貓分享這裡網站排版...

http://www.templatemonster.com/

這不用多說了吧 >______< !!  

https://www.iconfinder.com/free_icons

很棒的素材網站..圖片.影片..都很有質感. (可惜要付費.且又是日文 @@)

http://pixta.jp/


http://tw.pixtastock.com/
  {有中文網頁了}

   
    http://fourdesire.com/ Fourdesire 四合願

    這是上課老師請的講師自己跟合夥人架設的網站

    這網站特別再於視窗大小內容絕不會被喀掉

    故名詩意用於在手機版面上相容性

    平板、手機介面大小不會受限

    內容也別有襄程式 點擊內容都顯示在最上層

    而沒點擊內容向下移

作為品牌與消費者溝通的各種媒體管道,在太陽花學運事件中,凸顯了彼此的獨特性。

相信大家都很熟悉這廣告, 品牌經營者在這次太陽花學運當中,舒利視立即做了『這是香蕉?這是太陽花?』的廣告,多數噤聲不語,以免擦槍走火得罪任何一方。

我們還是可以看一下他的網站頁面的設計....

http://event.media-palette.com.tw/sulaxy/?utm_source=google&utm_medium=keyword&utm_campaign=sulaxy201312

以下兩個網站有附上教學說明，以及範例。很喜歡下面兩個網站比較活潑的動態方式，是目前我找到比較特別的，不錯的話可以運用在公司的案例上。

http://tympanus.net/codrops/2013/06/18/caption-hover-effects/

http://tympanus.net/codrops/2012/08/08/circle-hover-effects-with-css-transitions/

這個ICON網址很方便可以快速地找到我們常用的ICON喔

http://iconmonstr.com/

哈囉各位～

自己偶爾會逛逛找找簡單的語法來玩玩看，之前找到一個網站有很多的語法教學。

男丁格爾。

裡面有很多很多的教學還有範例下載可以看，希望可以幫到大家。

今天偶然中談到動畫作品，
原來都是由一位大師所做的，
作品真的很棒、又多，又有深度，
之後或許我們可以來個電影欣賞~
若有檔案的可以互相分享喔~

http://zh.wikipedia.org/wiki/%E5%A4%A7%E5%8F%8B%E5%85%8B%E6%B4%8B

大友克洋（1954年4月14日－），為日本漫畫家及動畫導演，出生於日本宮城縣登米市，代表作為自身擔任導演及原作的《阿基拉》。

大友克洋亦是紫綬褒章、法蘭西藝術與文學勳章的雙料得主。

下面是我印象中所看過的，推薦喔~

• 阿基拉（動畫電影、1988年）
  https://www.youtube.com/watch?v=c-MuZ_aP5KQ
• 鋼彈 Mission to the Rise（短編作品、1998年）
• 老人Z（動畫電影、1991年）原作、腳本、人物設定
  https://www.youtube.com/watch?v=v11HY-DdyxU
• 蟲師（真人電影、2007年）
  https://www.youtube.com/watch?v=X9MI1maIrgU

來源:
http://tackytechy.wordpress.com/2012/09/01/designer-and-ux-designer-myth/

這些年，被UX兩個字害慘的設計師

by Sanguina

“Experience can’t be designed.”

你好，你現在的頭銜是UX Designer嗎？那你…

…精通各種繪圖軟體嗎？

…了解色彩心理學嗎？

…會測試並且驗證設計嗎？

…會針對設計做深入的研究嗎？

…憑空畫出Wireframe嗎？

…很快的就用Photoshop作出Mockup嗎？

…只是為了產出交付而不是真的試圖和使用者溝通嗎？

以上部分問題都來自Patrick Neeman回應一名原本是Developer後來轉職UX Designer的Boon Chew在自己部落格裡解釋為何他再也不是UX Designer所寫的一篇文章“UX amateurism and why I’m not a UX designer anymore”。

我們來看看Boon Chew的部分演講經歷：

演講

• Feb 2012 – Redux: Interaction 2012 Keynotes, IxDA London
• Jan 2012 – Customer validation with diary studies, Leancamp London 2
• Aug 2011 – UXplosion! – Inspirations from the thriving London UX scene, Encampment 2011
• May 2011 – Diary Studies: A Primer, The Research Thing
• Feb 2011 – How a Developer became a UX Designer, Lightning UX
• Oct 2010 – Understanding the Everyday Use of Images on the Internet, NordiCHI 2010
• Aug 2009 – The Goodness of Diary Studies, UXCampLondon

發表文章

• Aug 2011 – What I bring to UX from… Computer Science, Johnny Holland Magazine
• Oct 2010 – Understanding the Everyday Use of Images on the Internet, NordiCHI 2010

Boon Chew 說他不是UX Designer，那麼他認為自己的身份是什麼？他說是互動設計師（interaction designer）和資訊架構師（information architect）。

他從Developer轉職成UX Designer後來認清自己其實是interaction designer或information architect。

這樣你有比較了解一個UX Designer的背景嗎？當然除了Boon，還有來自心理學、商學、設計學等各個領域的UX Designer。

追尋

「UX設計師」（或略懂UX的視覺設計師），你是時候認清UX這兩個字事實上不是一個專業能力，而誠實的告訴自己，你跟客戶或老闆說你有研究過按鍵的大小、運用了認知心理學、有按照設計理論執行的時候，你其實只是為了捍衛自己的頭銜，但是與此同時，你也只是助長了UX這個字往錯誤的方向前進。

這年頭「設計師」不好當我們都知道，一開始你應徵了UX/UI設計師這份工作，但是後來發現越來越多公司要的不只是美術設計，他們開的工作需求是UX/Art/UI Designer，你還是去應徵了，結果得到工作後沒多久，發現老闆動不動就跟你說他要你懂usability，隔天又跟你說你要看看HCI的書，說著說著跟你說UE很重要，然後跟客戶談客戶會跟你說你沒有IA的概念…

你活生生的就被這些莫名其妙的buzz word打到臉都腫起來了，你回去看幾本書，去參加互動設計的聚會，付好幾千元的費用去參加很多關於UX的講座，現學現用…咦，好像稍微開竅了，你覺得UX應該不難入門，就是有根據實驗、研究、統計、使用者研究和認知心理學，再加上視覺設計兜出來的一個神馬等級的東西…

你試圖說服客戶跟老闆給你多點時間做研究，你試圖把學到的新技術跟公司的人分享，但發現公司並不想要讓你多花時間在一些他們看不出實際成果的實驗，他們想要的還是準時的交付。

除此以外，有時候辛苦做出來的東西還是不受歡迎，還會有人(如：PM、老闆)抱怨你設計的「不好看」，你試圖用UX說服他，跟他們解釋說以眼球軌跡研究下這個廣告應該要放在那裡比較恰當，運氣好一點，他們就接受了，反之，遇到難纏的PM、老闆、客戶你就得重新設計。這時候你就恨啊，人們怎麼一開始要把自己往UX坑裡推啊，你跟PM吵他們只是覺得你能力不足，你跟老闆吵他們覺得你學藝不精，怎麼好像都是設計的錯？

…其實你要負的責任不如你想像中得多。

打破框架

也許你該走出以上的這些圈子，把UCD、互動設計、UI、UE、UED、HCI、IA、UX和Usability這些字從你的腦袋裡盡可能的刪除，摒棄他們…回到你的舒適圈－視覺設計。

為什麼要這麼做？

回到你開始視覺設計的那一天，你的專長是什麼？

當你的名片上印上了UX/UI Designer那天起，你就被推入火坑了。

你也許學了很多新的技術，並且盡可能的設計出更棒的體驗給使用者，你開始用其他角度重新思考美學…你從平面設計、商業設計的領域跨到「UX」設計的領域到底是為了什麼？

什麼時候這個社會充斥著UX/UI Designer這樣的工作，然後職務需求除了視覺介面設計外，還有資訊架構學，網頁設計語言，結果你樣樣都懂一點，樣樣都不精（當然不排除有各樣專精的菁英存在著），設計出來的東西持續的被懷疑，你怪自己可能不夠懂UX…可是這真的不是你的錯。

一開始不知道是那個混蛋(原諒我的用字)開頭把UX、UI和視覺設計三者同時列為一個人的職務負擔，害得原本已經肝不好的設計師還要負上終端產品沒有設計好就是他的錯的罪名。

事實上，UX不是一個人的責任，所以不應該再把UX兩個字加在任何一個職位的頭銜前，至少以目前的環境下不適合這樣做，除非整個公司或企業部門都知道什麼是UX，否則這樣只會對設計師加上不必要的負擔。

回到初衷

UX，User Experience Design，顧名思義是使用者經驗設計，只有視覺設計的付出就夠了嗎？但是如果把責任放到PM或Planner的身上也是一樣的錯誤，先不爭辯經驗能否被設計這件事情，至少我們能夠確定的是，任何一個軟體、網站、產品的產出是一個團隊的責任，不是一個企劃團隊、一個設計師能夠負擔得起的，尤其是中型或小型團隊。且看中國網路界的UED團隊，幾乎都是一個由不同研究領域的工作者一起組成的使用者經驗研究團隊，當中有視覺設計、行銷、心理學、經濟學、工程師等等四方八面的好手聚集，不是把一切重任都交付在單一的UX/UI Designer或者一個單純的設計團隊上。

說了那麼多，心裡真的挺感慨的，自從UX/UI Designer這個工作需求出現在各大求才看版上，就覺得不知道要怪是求才的企業主太隨便，還是要求太高，還是沒有搞清楚狀況；同時也深感新世代的設計師們太容易被外界的觀念左右，盲目的追尋來自國外的一些新名詞(至少到目前UX都是一個充滿爭議的字眼)，反倒把自己給設計了。

我們常在使用CSS寫漸層色的按鈕時，在比例與配色上很難寫在CSS中，

這個小工具可以很方便又快速的產生一些CSS3寫法的語法，例如陰影，邊框，漸層等等

http://www.layerstyles.org/builder.html

還不錯的網站.比較適用像 導覽頁歡迎頁.或 是產品活動介紹頁

此網站大量使用卷軸特效.並配合滿版畫面.

介面使用起來簡單.舒適.產品表達也很清楚~

技術上當然是用了一大堆的JS程式....

http://www.sony-asia.com/microsite/mdr-10/#homePage

GOOGLE 的一個服務.可以將SWF 檔轉換成.HTML5 

雖然說很方便，可快速將SWF轉成Html5的格式，但在檔案上也變大了不少，原來的SWF含聲音才17.8KB，轉完後在無聲的情況下變52.5KB，而在幾個瀏覽器下，卻出現了一些小狀況，而在iOS上目前還算是正常。

有時會看看別人怎麼切法.來增加一些想法..

也許色彩鮮艷,帶點歡樂的氛圍..會讓你想停下腳步去.看一下它…

環球影城

http://www.usj.co.jp/tw/index.html

http://www.usj.co.jp/onepiece/5th/anniversary/

迪士尼

http://www.tokyodisneyresort.jp/tc/

三麗鷗 (這家的版真的太小了…@@)

http://www.puroland.co.jp/chinese/welcome.html

http://www.harmonyland.jp/english/harmony/harmony.html

樂高樂園

http://www.legoland.com.my/ (馬來西亞)

http://california.legoland.com/ (美國)

http://www.nathanwalsh.net/

英國畫家超寫實繪畫!!
by Nathan Walsh 
(乍看之下以為是拍出來的吧!)

App管理
堆積如山App輕鬆管理無負擔

http://tw.gashplus.com/itools

每家公司都想找好人才，事實上卻不容易，美國矽谷現在更缺的三種人才：SEO優化總監、成長性產品經理、UI設計師；展望2013年，絕對是每家公司都應該要招募的三種員工。

■ SEO優化總監

負責搜尋引擎優化業務，確保網友能在Google、Bing、和Yahoo搜尋引擎上找到公司產品和服務；時至今日，「搜尋」儼然成為和客戶接觸的最重要管道，因此SEO優化總監扮演極為重要的角色，影響所及包括是否能接觸新客戶、獲取營收、公司是否可以長期穩定成長。

誰才能擔當如此的重責大任呢？這樣的人才很少，要有技術背景、商業敏銳度、和行銷經驗，不只是要具備網站搜尋的技術背景，更要知道搜尋引擎的運作方式。Google每年會改變其網站運算法超過500次，SEO優化總監也要每天跟著知道網頁排序技術的變化；只有技術背景還不夠，商業腦袋也很重要，需要了解市場行銷目標，以及付費搜尋、顯示廣告、社群媒體、電子郵件宣傳等多方管道的影響，和行銷團隊緊密合作，確保多數網友都可以透過宣傳活動連結到公司網站。當然，SEO優化總監也要知道如何透過優化工具即時改進公司的搜尋結果。

想要找到一位好的SEO優化總監，就要有嚴格的篩選過程，例如可讓前來面試的候選者看公司網站，請候選者給予優化改進建議，請候選者提供全方面提升網站搜尋度的技術、優化、行銷策略，也可以藉由最新的優化工具平台來測試。

■ 成長性產品經理（Growth Product Manager）

產品管理必須面對長時間的計畫周期、專注在產品規格、還有開不完的會議，很難說這是一個「熱門」工作，不過成長性產品經理卻很「熱」，因為成長性產品經理的使命就是要創造出人們真正想要使用、而且會一直使用下去的產品。

在今日的雲端環境之下，更需要招募成長性產品經理（特別是軟體公司），成長性產品經理需從使用者體驗切入，提供顧客更好用的產品，進一步吸引更多其他客群；推動一項大家都愛用的產品，確保顧客的採用度和更新頻率，才能保護公司持續營收進帳。

誰才適合當成長性產品經理呢？首要條件就是豐富的產品管理經驗，還要了解社群動態，熟知如何才能刺激產品使用度的提升，另外還要有夠強大的連結能力，可以串連市場、行銷、技術發展等多方面的背景。

想要找到這類型人才，可以在面試過程中要求對方帶著曾開發的產品，並且詢問該產品對營收成長的影響程度；另外別忘了要求對方證明如何透過產品管理策略帶來長期價值，因為公司不需要曇花一現的新業務。

■ UI設計師

還記得手機和電腦都還很複雜、也不太好用的年代嗎？如果你是30歲以下的年輕人，恐怕沒有經歷過這些時候，那麼該好好感謝創造出iPhone、Facebook等產品的UI設計師（User Interface，使用者介面）。

UI設計師一直都很搶手，因為大眾知道簡單、好用、又優雅的科技產品，就很難再回到過去了；因此每家公司都致力於做出像iPhone這樣簡單的產品，否則就得面臨被消費者和市場淘汰的命運。

不管是創建網路、手機、產品使用介面，看起來卻是簡單，卻是越難設計；如何才能打造出偉大的UI設計師？不只是需要電腦或工程背景，還要有心理學、人因互動、或設計背景，大部分的UI設計師都有相同的元素，就是對創造直觀、以人為中新的產品充滿熱情。

在矽谷，UI設計師相當稀有；矽谷主要的三種人才－寫程式的工程師、客戶服務、業務，UI設計師根本就不在這個框架之中，他們比較像是技術設計者，每家公司都至少應該有一位這樣的人才。招募UI設計師必須很有耐心和毅力，最好的方法就是要求面試者進行一個完整的專案，為何如此設計使用介面？從中瞭解面試者的創意和測驗他們的技術是一樣重要的事。或者是要求面試者重新設計公司產品，讓產品更加友善好用。

來源資料:http://www.bnext.com.tw/article/view/id/25610

還蠻有趣的.可以去點看看

http://www.petenottage.co.uk/

這一系列的藝術創作也太酷了

http://www.mecre.ch/

看起來現在比較新的網頁都是用.HTML5 在做了.(相對的瀏覽器版本也要跟著更新)

--------------------------------------------------------------------------------------------

HTML5新手入門指南

http://www.inside.com.tw/2011/07/31/html5-tutorial-for-beginners

台灣新三寶「香蕉.鹿茸.太陽餅」

諷馬「指茸為毛」

邱「指花為蕉」

鹿茸.香蕉.太陽餅 Kuso政治三寶

馬江邱毅蕭家淇  網友KUSO服貿F4