![2012-10-04_1356.jpg 2012 10 04 1356](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_tLaacdLgt_HYqaB2mt3Hjkkuh19k9jp4dpPX98ReHCQ-zPkz3euJT9kzVmwPzL6v_pAKno6tU6wVreuD8N8nUTPNRCfkJecIqGED1PLQea8sTbNhts61hbLaGtUHB5FpbLijoQLToUo2upYDM3FLXrVjgMqxtOasUYn0SXseoCe1cz0Vze8Du4stbrhygcd40v69aZ-XvtcKW3R0gLYtVOnrBsa-JSpWXEHh2ka-qRP8cjKxz686bd6BFRXExWcEVHc7JKy2IdQeKMUnn1kg2_wrTmDCajrFBHehpDwfARe2Aeou_j7vIpmhYDksijJfkBAziAkJMriAqYDin6VRwmVaLgP0llg1HT4dQRcMHOzuuwqSFhoBsXBpa4o-LwmQyFBe1-O8roaYWb9w9RMEK5GoNUB18gXL9MCuBe3syBDI1NNomVZjgbvLcXAVio4x6Bxp_MjSbdzZfoQOY06AXXsdhuAToZK-u-FE2VFgurRh6V5yidBkwxzbqOA4Y=s0-d)
靈感有時候就像天上的流星,稍縱即逝,好的設計師卻懂得如何運用方法來將這些想法記錄下來,例如使用網格紙,這也常用於設計網頁框架或繪製應用程式的雛形草圖。網格設計是使用固定的格子來設計版面布局,而這個作法是能很工整又簡潔,如果只是面對著空空的網格紙,很多人可能會不知道如何下手,那麼我會推薦你到一個很棒的網站來看看。
Sneakpeekit 提供專業的免費高質感網狀紙,只要將壓縮檔下載後開啟就能找到這些網狀紙的原始檔,利用你的印表機將它們印出即可使用,而網站又依照使用者的需求不同,將方格紙分成許多類型,例如有給網頁設計師適用的瀏覽器方格紙、應用程式開發者適用的行動裝置(平板電腦)方格紙,以及另一種只有標示像素值的線框方格紙,對於設計師來說都是相當好用的工具。
網站名稱:Sneakpeekit
網站鏈結:http://sneakpeekit.com/
下圖是 Sneakpeekit 的瀏覽器網狀紙,可以看到有網格、像素、以及填寫專案資料等等的欄位,此外還依照功能不同而有其他樣式,例如:四格的瀏覽器、無網狀格線、3/4 欄瀏覽器、960px、978px、980px、992px、1140px 等等。而這些素材都是完全免費的,只要點擊藍色的 Download 即可下載輸出。
![2012-10-04_1359.jpg 2012 10 04 1359](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_uJuu02SsIiZZInugPgHNhbs2Y6AA_dPXdevoD48uO4YQ6f3JpT9UByFgDv1d3KLn0oPcdfb3lApUNgjXw8D-1-ZH22dOz5lp-UNkjeV2YqzeOmYc2sp_hS_O7ltk_oRzeSSZQ5UZ4pSiRwSBYMnDDo6sqbxkX852fVjGq4tQIYf0XXZtHrqZwyH9IMfogrKZ8k1bz4aQmePj0q0QrVfTZljzY2NW8ymBlKQdqtLi3rSBLEBNsElR-riI3-mlthq8c6RKCPfULpHzv3pB_gE3KeHD0bI1R9idMxmxe6WAZwcCZAfmBfoUApLpYMRaIl9S9csPXBOgySFH2EePusSlB-fHp7EaaGkdT7UfTpnSk6mDyF7kmKwWz6QoMz5awzUNsj6e5hJBR1sAe4j6xOxMRDKWLDyflwht3i2KiAFYIGZGS3vjeL1md3j75dRt6P4pVfXokeHBl55PuwJAxrFPwv8yr3_Ije2ytqIW6-pjiVKDGjjtOkF7hbY2XinLY=s0-d)
想開發 iPad 或平板電腦的應用程式嗎?Sneakpeekit 也有針對 iPad 所設計的網狀紙。
![2012-10-04_1401.jpg 2012 10 04 1401](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_tUAHql7PA06nTvMj3otACt5WXmSrAXJ_TTGDM-3Mn2Awp3gHnDyl3zcwwpO7FlBkE1nq7OlCPogy1fbKDRQ9eIzoARHBNrby2KdE2cKzTGCQs3QfIq-rd-9d9mxBZ2KEMH1ikFDOyIVYHBLcxyirGLK4yDvGRR_AYpQpqUjUvy1cTCBHsXgQAssvkNPSzg8pLMgNw0FqlRLneORC4BrwBkNG00HWjF754q5JNsyz4Kqaj4DtVHOVxmxWjg1wlEM4Xt2VzLzkZFiirxNvdl4tFUCDA7guJd8EWPHWSu6Mk-XPFVk-xLScRhoTPmFVPvmRFkZ5sCIAIhASmDomIYtaG_O0oIQAzWbIP6TAnz7fz2cKdONEB49R0BkcBnsGjiAsPk_4VXpXzV6FsIXAI6ikoGgguqzscF_SNWwGQa9o9zkKlOaUU699SEDFhM-UWUALumU958jVtP49-ko5Btij2GiHy2nOkOkqBySnDH0RnwK0jxZj5zvuKZXMetySw=s0-d)
想開發最熱門的 iPhone 手機應用程式,Sneakpeekit 提供了行動裝置專用的網狀紙,而 iPad、Mobile 兩種網狀紙則又分成兩種版本,包括:Quick Sketch(簡易版,沒有格線,適用於速寫或草稿用)、Detailed Sketch(詳細版,有格線),一樣也是點擊 Download 就能下載。
![2012-10-04_1403.jpg 2012 10 04 1403](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_vjiUYisIx98JN3VPYay1ew-FaPwjin0IQNgvCGushrrNEIa2CYcjzMg857oAkYE_rz031hOa2YbPZgVB_LzH4PTA5EP3XUYrF9xJBgsqqExryVu3YwiyOsbsyqbXiOyxff69Y_qv4CppLLHOvN-_hZexEjWfRV_ae3vIHkgbcyTHTcXOy_PCFbuEoPAF_xBX8YeOT_vyXt8aTxg2nGBb1f0s96FQNi188mXP2mxkePlnH2ry9j5xo_f_8sW3XgC_edubpI8qM5y0e7ppfL5anJ9hkpNggpFTayPDxJiCpG36Sp0duK_UpeimCKI9FRX2VmertmSeHdqPi8qfKJL2qYCSWK757GdkDC4C9r1rTsNia-X8DsdYXoy5oGGKVJK1Fh4bksdp0E6YjWkQ6uRwMWBmB9lGGnS7m3QaSyEtzC2MqQ8xIFEG47b1_30zopjeK-qZAL0XLTnWfYJrOxT_4jQbkiWvEs8qsaKAR1EGwdGx4sr_YR-aw=s0-d)
另一種多欄位的線框紙只有標示像素值,用途就更廣了,對於網頁設計師、開發人員或是圖形設計師(設計 Logo、字型等等)來說,這是一個必備的工具,當然你可以免費下載使用,但不得販售或是放到自己的網站供他人下載。
![2012-10-04_1406.jpg 2012 10 04 1406](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_v5bhojdfe0OxCCtjfDP3-jdD7LhVe-MtnwCDpVFql2UZk-eH_dnbhWX6PFnS0lBmi5MHE2fQjHeCcMk2rJvtd84sh5UkeOeTn9tT8D1JJKSbqzd8_6L4maaNRSrni_UIbSdX7d-kMJSVoH1VPbjlvqgWBlFLLAcKsHlsvDPaV_3fQm4XP9bsQ5ahsCgf4KcLDmPTHDSkvHI7rhHXKuBcCq7q8tdNf1nPAPrNWH95wkRMhzdW9TUZ9KTvY6RmPc7XaNigaMga3WKTRFRU0Bp90raCBtBOVzSb-2bV0srnVT1sWmSXuOJcyDxGstZLv9X1N3t4HoyekkQasTfZI9l_2JHTjd8-_sQCJAOWSaYvIfZcIcr25IzZFPHbt95JD2piAJksjKPGlwpQGb50aveD0PCf1bN464w5GWFfjqCRZW1ZrgFPMlXtGHdQrMCM8x5JxHwE-kqlmIYSOPrrMqHsYFPpUU3-3lIzQiP37Mj20vCKJqrQPGWZUxHI774Q=s0-d)
你只需要將這些 PDF 格式的檔案下載到電腦裡,以 A4 紙張印出,它就成了最棒的工作伙伴,讓所有開發的項目自始至終都具有一致性。
沒有留言:
張貼留言