I Love Adaptive 可查看網站在不同手機、平板、電腦螢幕尺寸上的呈現效果

I Love Adaptive 可查看網站在不同手機、平板、電腦螢幕尺寸上的呈現效果

以前製作網頁大多要擔心的就是在不同瀏覽器上可能會發生不同的問題,或是要去注意到不同螢幕尺寸呈現出來的效果會不會有跑版、破圖等等的狀況,現在還要再加上各種不同廠牌的手機、平板,如果手邊又沒有那麼多裝置可以做測試的話,要檢查起來就更麻煩了。 「I …

為身為貓控的網頁設計師準備的「placekitten」貓咪網頁範例圖

為身為貓控的網頁設計師準備的「placekitten」貓咪網頁範例圖

做為一位網頁設計師為客戶 Demo 網頁絕對是家常便飯常常需要做的事,但有時不是文案還沒給齊就是圖片還沒提供完整,為了要讓網頁呈現接近完成的樣貌,通常就會放入一些範例圖片跟假文章,而這些要自己做當然沒問題,只是有點浪費力氣就是了。 若你需要範例…

網頁設計師必備!TestSize.com 測試在不同螢幕解析度下網頁的呈現效果

網頁設計師必備!TestSize.com 測試在不同螢幕解析度下網頁的呈現效果

在設計網頁時,明明在自己的電腦看很完美,但一送去給客戶或主管看的時候,卻時常會發生網頁版面呈現效果不同的問題,那大部份是因為所使用的電腦螢幕解析度不同的關係,如果在網頁製作完成後,可先在各種解析度下跑過一遍,應該就能避免這個問題,不過我們要去哪…

BABEL Generator 英文假文產生器

BABEL Generator 英文假文產生器

在設計網頁版型的時候,通常會需要一些範例圖片或文字來填空,讓網頁版型預覽起來可以更接近真實的狀態,圖片的部份可以利用之前介紹過的「Fake images please?」來快速產生,文字部份網路上也有一些假文產生器可以來處理。 英文的話,可參考…

「Fake images please?」網頁範例圖片快速產生器

「Fake images please?」網頁範例圖片快速產生器

在網頁製作初期設計版型時,都會需要填入一些範例圖片好讓你可以看到整個版面的雛型,通常都會隨便找一張圖,然後弄成需要的尺寸大小,存檔後再塞到版面中,如果只是製作簡單的網頁還好,可能需要的範例圖不會太多,但若是設計一個網站的話,可能範例圖片的使用量…