24 个专业的 Web和移动应用设计草图
fmms 13年前
<p>来看看别人是怎么做 Web 和移动应用的原型设计的。</p> <h3 id="title_div4575190482">iPad app sketch</h3> <p><img class="aligncenter size-full wp-image-71185" title="Web and Mobile Wireframe Sketches (1)" alt="24 个专业的 Web和移动应用设计草图" src="https://simg.open-open.com/show/c947e4623e29c07bd18846006e68a0c9.jpg" width="600" height="399" /></p> <h3 id="title_div4979735650">Sketched Wireframe</h3> <p><img class="aligncenter size-full wp-image-71186" title="Web and Mobile Wireframe Sketches (2)" alt="24 个专业的 Web和移动应用设计草图" src="https://simg.open-open.com/show/8645879d87f1fade2c9df1c5243ed36e.jpg" width="600" height="900" /></p> <h3 id="title_div3345425396">Early Ember sketches in color</h3> <p><img class="aligncenter size-full wp-image-71187" title="Web and Mobile Wireframe Sketches (3)" alt="24 个专业的 Web和移动应用设计草图" src="https://simg.open-open.com/show/76412018c86fd43226b02e583ee894a5.jpg" width="600" height="443" /></p> <h3 id="title_div4155129641">OnlyJames Wireframe Sketch of Article Detail</h3> <p><img class="aligncenter size-full wp-image-71188" title="Web and Mobile Wireframe Sketches (4)" alt="24 个专业的 Web和移动应用设计草图" src="https://simg.open-open.com/show/94614cc2a6df1a88ef8e7dc3b2279893.jpg" width="600" height="743" /></p> <h3 id="title_div3307874546">CommLogix Wireframe Sketch</h3> <p><img class="aligncenter size-full wp-image-71189" title="Web and Mobile Wireframe Sketches (5)" alt="24 个专业的 Web和移动应用设计草图" src="https://simg.open-open.com/show/56daff3471b0c5109775905afafccaf9.jpg" width="600" height="863" /></p> <h3 id="title_div198576978">Early BusinessWeek.com Design Sketch</h3> <p><img class="aligncenter size-full wp-image-71190" title="Web and Mobile Wireframe Sketches (6)" alt="24 个专业的 Web和移动应用设计草图" src="https://simg.open-open.com/show/aef7c05a7088f5c44f7033ddc16d00bb.jpg" width="600" height="400" /></p> <h3 id="title_div3055870185">BPG – UI Sketch 1</h3> <p><img class="aligncenter size-full wp-image-71191" title="Web and Mobile Wireframe Sketches (7)" alt="24 个专业的 Web和移动应用设计草图" src="https://simg.open-open.com/show/a90079179853761379d942233a8759f2.jpg" width="600" height="450" /></p> <h3 id="title_div4066792560">HBO SATC site</h3> <p><img class="aligncenter size-full wp-image-71192" title="Web and Mobile Wireframe Sketches (8)" alt="24 个专业的 Web和移动应用设计草图" src="https://simg.open-open.com/show/e7eacbcb3de20fe0a5c23f280265b81a.jpg" width="600" height="598" /></p> <h3 id="title_div4903473820">Search Ideas Wireframe v1</h3> <p><img class="aligncenter size-full wp-image-71193" title="Web and Mobile Wireframe Sketches (9)" alt="24 个专业的 Web和移动应用设计草图" src="https://simg.open-open.com/show/ecd183532d9a1b9e5a59556968f12d89.jpg" width="600" height="468" /></p> <h3 id="title_div3361335195">sketch: vimeo clip page</h3> <p><img class="aligncenter size-full wp-image-71194" title="Web and Mobile Wireframe Sketches (10)" alt="24 个专业的 Web和移动应用设计草图" src="https://simg.open-open.com/show/fca2f13676476ca32e481fffdab45289.jpg" width="600" height="450" /></p> <h3 id="title_div3657128657">“Scratch-Off” Concept</h3> <p><img class="aligncenter size-full wp-image-71195" title="Web and Mobile Wireframe Sketches (11)" alt="24 个专业的 Web和移动应用设计草图" src="https://simg.open-open.com/show/7bdf4e27067efffce08b2a8648fa870e.jpg" width="600" height="399" /></p> <h3 id="title_div4251787067">Janko At Warp Speed home page sketch</h3> <p><img class="aligncenter size-full wp-image-71196" title="Web and Mobile Wireframe Sketches (12)" alt="24 个专业的 Web和移动应用设计草图" src="https://simg.open-open.com/show/9ffc09aad81a21ca5a9a92fb88dae066.jpg" width="600" height="468" /></p> <h3 id="title_div3865262895">Heartland Funds Redesign: Main & Landing Page Wireframes</h3> <p><img class="aligncenter size-full wp-image-71197" title="Web and Mobile Wireframe Sketches (13)" alt="24 个专业的 Web和移动应用设计草图" src="https://simg.open-open.com/show/d7a97aab1bdcda4548ed289b07c4e650.jpg" width="600" height="873" /></p> <h3 id="title_div2609270383">UserScape Wireframe Sketch</h3> <p><img class="aligncenter size-full wp-image-71198" title="Web and Mobile Wireframe Sketches (14)" alt="24 个专业的 Web和移动应用设计草图" src="https://simg.open-open.com/show/9ab6a556bb2dc73cca953c644c53e057.jpg" width="600" height="833" /></p> <h3 id="title_div3307874546">CommLogix Wireframe Sketch</h3> <p><img class="aligncenter size-full wp-image-71199" title="Web and Mobile Wireframe Sketches (15)" alt="24 个专业的 Web和移动应用设计草图" src="https://simg.open-open.com/show/059dfbdc6c1dd6fa6e28ecc31a622554.jpg" width="600" height="863" /></p> <h3 id="title_div3307066567">Data Techniques Mainpage Wireframe v1</h3> <p><img class="aligncenter size-full wp-image-71200" title="Web and Mobile Wireframe Sketches (16)" alt="24 个专业的 Web和移动应用设计草图" src="https://simg.open-open.com/show/c91aabe8ba822699027f166f7cfb2026.jpg" width="600" height="762" /></p> <h3 id="title_div3307873748">Coastal Capital Partners Wireframe Sketch</h3> <p><img class="aligncenter size-full wp-image-71201" title="Web and Mobile Wireframe Sketches (17)" alt="24 个专业的 Web和移动应用设计草图" src="https://simg.open-open.com/show/24be538eca58118e782c917ce9701339.jpg" width="600" height="504" /></p> <h3 id="title_div3791664314">Rough wireframe for the new Account Planning Group</h3> <p><img class="aligncenter size-full wp-image-71202" title="Web and Mobile Wireframe Sketches (18)" alt="24 个专业的 Web和移动应用设计草图" src="https://simg.open-open.com/show/bf1a2c6eff07e62fc19e3c3869f39ebb.jpg" width="600" height="424" /></p> <h3 id="title_div3851195597">Mobile Platform Redesign 5</h3> <p><img class="aligncenter size-full wp-image-71203" title="Web and Mobile Wireframe Sketches (19)" alt="24 个专业的 Web和移动应用设计草图" src="https://simg.open-open.com/show/c6be4d55e8349b5445d736a352503b71.jpg" width="600" height="868" /></p> <h3 id="title_div5179360439">World of Color Microsite Wireframe</h3> <p><img class="aligncenter size-full wp-image-71204" title="Web and Mobile Wireframe Sketches (20)" alt="24 个专业的 Web和移动应用设计草图" src="https://simg.open-open.com/show/c724fd9c4fc04380d201a0f13f8844be.jpg" width="600" height="338" /></p> <h3 id="title_div5190534867">Wireframe 960gs</h3> <p><img class="aligncenter size-full wp-image-71205" title="Web and Mobile Wireframe Sketches (21)" alt="24 个专业的 Web和移动应用设计草图" src="https://simg.open-open.com/show/0eba10382d3112d3f3de1a5cec28e5cf.jpg" width="600" height="579" /></p> <div id="meta"> <h3 id="title_div4755163335">Wireframe: Giant Hello Splash Page</h3> </div> <p><img class="aligncenter size-full wp-image-71206" title="Web and Mobile Wireframe Sketches (22)" alt="24 个专业的 Web和移动应用设计草图" src="https://simg.open-open.com/show/68650df2c09d8a54a22ba04ddecf0fb3.jpg" width="600" height="500" /></p> <h3 id="title_div4755163335">Wireframe: Giant Hello Splash Page</h3> <p><img class="aligncenter size-full wp-image-71207" title="Web and Mobile Wireframe Sketches (23)" alt="24 个专业的 Web和移动应用设计草图" src="https://simg.open-open.com/show/d20441fba23bfc1c54fab396b9279c06.jpg" width="600" height="500" /></p> <h3>Prototyping a webshop</h3> <p><img class="aligncenter size-full wp-image-71208" title="Web and Mobile Wireframe Sketches (24)" alt="24 个专业的 Web和移动应用设计草图" src="https://simg.open-open.com/show/aaa898b11ebc261d2426ff95d520eb0a.jpg" width="600" height="613" /></p> <div style="border-bottom:medium none;text-align:left;border-left:medium none;background-color:#ffffff;color:#000000;overflow:hidden;border-top:medium none;border-right:medium none;text-decoration:none;"> Source: <a style="color:#003399;" href="/misc/goto?guid=4958318281860577710">http://designmodo.com/web-mobile-wireframe-sketches/</a> </div>