2010年4月28日 星期三

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

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

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

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

Early Ember

ember

圖片出處 在這裡 by playingwithshapes

 

Vimeo Video Browser Module

Vimeo

圖片出處 這裡 by Soxiam

 

Visible Change History in Sketches

Visible

原始文章 這裡

 

Vimeo Conversations Page Ideas

Vimeo_Conversations

圖片出處 這裡 by Soxiam

 

Mega-Drop Down Explorations

Mega_Drop

圖片出處 這裡 by jvbates

 

Visible Change History in Sketches

Audio

圖片來源 在這裡 by ondrejvalka

 

Video Detail Page

Video_Detail

圖片來源 在這裡 by jvbates

 

Adaptive Path Sketch Example

Adaptive

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

 

Person Page

Person

圖片來源 這裡 by Jason Robb

 

Things touch

Things

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

2010年4月26日 星期一

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

2010-04-26_012444

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

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

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

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

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

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

MORETEXT

MORETEXT 假文產生器

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

 

亂數假文產生器 Chinese Lorem Ipsum

亂數假文產生器 Chinese Lorem Ipsum

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

 

Lorem Ipsum 外文假文產生器

Lorem Ipsum 外文假文產生器

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