[站務]近期改版作業進行中

為了提供給各位更便利舒適的閱讀畫面，部落格近期改版作業進行中，版面偶爾跑位尚請各位見諒。

[圖片]10 個漂亮的手繪網站原型圖

網站原型其實經常在我筆記本出現，不過隨著越來越多網站原型的設計軟體出現，這些美麗的手繪網站原型可能就越來越看不到了，想當初在某資安公司上班時，還可以見到像是Visible Change History in Sketches這個圖片的作法，但是其他公司就看不到這種作法了，真可惜阿~不管如何，讓我們一起來欣賞這些漂亮的手繪網站原型吧~

Early Ember

圖片出處 在這裡 by playingwithshapes

 

Vimeo Video Browser Module

圖片出處 這裡 by Soxiam

 

Visible Change History in Sketches

原始文章 這裡

 

Vimeo Conversations Page Ideas

圖片出處 這裡 by Soxiam

 

Mega-Drop Down Explorations

圖片出處 這裡 by jvbates

 

Visible Change History in Sketches

圖片來源 在這裡 by ondrejvalka

 

Video Detail Page

圖片來源 在這裡 by jvbates

 

Adaptive Path Sketch Example

圖片來源 在這裡 。 文章來源 在這裡

 

Person Page

圖片來源 這裡 by Jason Robb

 

Things touch

圖片來源 在這裡 。 文章來源 在這裡

[技巧] 如何在網頁上新增一個"分享到Facebook"按鈕

對於有網頁或是部落格的人來說，把網頁內容轉貼到Facebook是一個很便利的做法，且是推廣部落格很不錯的方式，但問題是如何在網頁上面新增一個轉貼的連結?

請到這裡去取得分享的程式碼，接著再把取得的程式碼貼到你的網頁或是部落格範本中，就搞定囉。

[網站]網頁設計時不可或缺的假文產生器

假文產生器，顧名思義就是自動產生一篇不見得有意義的文章，好拿來暫用。

設計網站時，經常會需要先丟個幾段文字進去頁面中以測試實際出來的畫面感覺，以往不是去隨便抓抓個文章或者是新聞，要不就是隨便打幾個中文字再狂按複製貼上，有了假文產生器，你就不用那麼累了，不管你要幾個字都可以自己選擇外，產生的假文還包含正常文章的標點符號及常見段落字數，可說是方便至極阿。

以下精選兩個假文產生器的網站，好好利用吧^^

MORETEXT

這個網站可以直接動態插一段文字到你的內容區域去，待交給程式設計師時再刪掉就好。

 

亂數假文產生器 Chinese Lorem Ipsum

這網站可以設定你要的字數再產生假文，方便至極的啦^^

 

Lorem Ipsum 外文假文產生器

有了中文，當然不可或缺其他各國語言囉，尤其是多國語言版本的網站，要測試時去哪裡找這些語言阿?! 當然要靠假文產生器最快了~這個網站當你按上方的國旗之後就可以切換不同語言版本的假文，真是超便利的啦^^