#daily-study

[uidailystudy]

[展示] 你是屬於哪種自拍風格？兼具數據意義與藝術美感的 selfiexploratory

* 截圖

* 「哪個網站(出處)」的「哪一個部分」引起你的興趣

由 Lev Manovich (美國加州大學聖地牙哥分校視覺藝術教授)、Moritz Stefaner 以及一小群分析者與學者所建立的 Selfiexploratory (a part of Selfiecity)。

* 喜歡的理由

從沒有想過自拍照的呈現，可以兼具數據解析意義與藝術美感，真是讓筆者大開眼界。在技術方面，見面使用了 D3.js ，並且事先透過程式自動於相片中擷取各種特徵：如情緒、臉的傾斜角度、眼睛有無張開等等 ... 好棒啊！

相關資訊

selfies：自拍照，尤其指在一個手臂長度內以手機拍下的肖像照。

selfiecity：一個調查自拍照風格的網站組織 (圖像來自巴西、紐約、柏林、莫斯科以及曼谷)

Lev Manovich (列夫·曼諾維奇)是美國加州大學聖地牙哥分校視覺藝術教授。他教授新媒體藝術與理論，同時是一系列新媒體的重要書籍的作者。他最著名的作品是《新媒體的語言》（The Language of New Media, 2002），廣泛地被評論與翻譯成各國語言，其中包括義大利文、韓文、波蘭文、西班牙文與中文

[uidailystudy]

[網站] NPR: National Public Radio 的「改版」

* 截圖

* 「哪個網站(出處)」的「哪一個部分」引起你的興趣

NPR: National Public Radio 的「改版」

* 喜歡的理由

不若傳統新聞類型的網站，驚人的文字量、字級小而密集，廣告參差夾雜。 NPR 的改版讓人感到耳目一新， menu 是 responsive，下拉選單大而清楚，頁面大致都擁有更多留白，增加了更多的可讀性 ... 筆者覺得 NPR 的改版真是太棒了。

不要說筆者壞心，不妨自行比較看看：

BBC

The New York Times

The Times

相關資訊

NPR - 全國公共廣播電台，是一家獲公眾贊助及部分政府資助、但獨立運作的非商業性美國媒體，成立於1970年2月24日，開播於1971年4月。節目以新聞、綜述、採訪為主，也有一些音樂、脫口秀等文化、娛樂節目。聽眾數目據估計約有兩千萬人。(維基百科)

*

對了，為什麼國外的新聞媒體網站可以與時俱進，做的這麼好，台灣卻不行！？

[uidailystudy]

[網站] 日本的「郵政博物館」網站

* 截圖

* 「哪個網站(出處)」的「哪一個部分」引起你的興趣

日本的「郵政博物館」網站

* 喜歡的理由

整體的視覺效果很傑出，保有日式東洋的情調，但 UI 骨幹卻有新時代的思維 (比如 Big footer、 Flat navigation ... )

儘管筆者人在台灣，連線的速度卻是飛快 ... 網站本身該不會都是靜態網頁吧 @_@a

[uidailystudy]

[資源] slideshowify.js - 讓靜態圖片有影片效果 (Ken Burns Effect)

* 截圖

* 「哪個網站(出處)」的「哪一個部分」引起你的興趣

subchild 的 jquery.slideshowify.js (DEMO)

* 喜歡的理由

這個 jQeury 套件能夠添加 Ken Burns Effect 到 slideshow 裡。(Ken Burns Effect 是一種將靜止圖片平移和放大，讓人感覺像是影片的效果)

使用方式

使用預設值的話：

$("img").slideshowify();

[uidailystudy]

[網站] feedthebot 與使用者的互動方式 (SEO 工具)

* 截圖

* 「哪個網站(出處)」的「哪一個部分」引起你的興趣

feedthebot 與使用者的互動方式，相當可愛

* 喜歡的理由

使用者輸入網址後，等待分析結果的畫面很有趣。除此之外， 分析結果的條列方式、說明方式，以及首頁的 guidelines 排版都簡潔實用。

feedthebot 在同類型工具中獨樹一幟。原因是，相較於其他偏重於圖表、偏重於長期追蹤的 SEO 工具， feedthebot 聚焦於網站的現狀、提供修訂建議，並給予充分的解釋，含字量非常的多 ... 極為有趣呢 ~

相關資源

WooRank (SEO 工具)

MajesticSEO (SEO 工具)

"10 SEO Analysis Tools You Should Be Using"

[uidailystudy]

[網站] 音樂網站 - Solayo 的整體 UI

* 截圖

* 「哪個網站(出處)」的「哪一個部分」引起你的興趣

音樂網站 - Solayo 的整體 UI

* 喜歡的理由

beta 版的 Solayo 雖無驚天動地的功能，只專注在「搜尋」、「播放」、以及「收藏」這幾件事情上。不過若僅以 UI 的體驗來說，它們扁平且簡約留白的介面讓網站看起來易用、吻合潮流，令人不心煩意亂，以至於操作上獲得了良好的使用體驗。

三欄式的版型很明顯地切出各單元的腳色為何，左邊為 menu，中間是歌曲清單，右側則為撥放器。

目前影音來源有 Youtube、SoundCloud、Dailymotion。網站本身是 responsive design。

附帶一提

進到撥放介面時，左下角有個 「Tour」 (新手教學)，真是個貼心的設計 :)

[uidailystudy]

[資源] WOW.js - 讓圖片增添華麗的進場！

* 截圖

* 「哪個網站(出處)」的「哪一個部分」引起你的興趣

matthieua 所開發的 WOW.js

* 喜歡的理由

當使用者在瀏覽網頁往下捲動的過程中，圖片們能夠有華麗的登場方式，的確讓人耳目一新！

此一套件有應用在何處？

官方網頁提供了三個場所

Streamline Icons (強烈推薦一看)

Nasty Icons

Fliplingo

[uidailystudy]

全家 FamilyMart 的海綿寶寶 FUN 文具 6 款

* 截圖

* 「哪個網站(出處)」的「哪一個部分」引起你的興趣

全家 FamilyMart 的特別活動，宣傳海綿寶寶的 FUN 文具 6 款。

* 喜歡的理由

網頁的正上方，墜落下來 (還會彈跳) 的海綿寶寶文具很逗趣。(傳統上會以 Flash 製作，但此次是 javascript)

除此之外，slider 部份有額外的造型，在控制方式多了特效 (如下)，也使筆者得到新鮮的感受，並拉大了自己原本對於 slider 的想像呢，十分感謝 :)