Be For Web - 视频教程 http://www.beforweb.com/taxonomy/term/181 en Sketch 3视频教程专辑 http://www.beforweb.com/node/672 <div class="field field-name-field-article-thumb field-type-image field-label-hidden"><div class="field-items"><div class="field-item even"><img typeof="foaf:Image" src="http://www.beforweb.com/sites/default/files/article-thumbs/logo-icon-sketch-app-design-ux-ui.png" width="70" height="70" /></div></div></div><div id="comment-wrapper"></div><div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even" property="content:encoded"><p>本周末微忙,暂不做译文更新了。电视里小白龙正在砍九头虫。</p> <p>之前从Youtube上扒下来一套Sketch 3视频教程,放在了Youku作为<a href="http://www.youku.com/playlist_show/id_23447322.html">一套专辑</a>。教程由<a href="http://leveluptuts.com">LevelUpTuts</a>出品,共19集,蛮全面的,也不是很长,适合准备接触或刚刚上手Sketch 3的同学用来入门。</p> <p>话说Sketch本就没什么学习曲线倒是真的,界面风格、使用模式一类与Xcode、Keynote等等典型Mac应用工具如出一辙。</p> <p>此外LevelUpTuts家还有不少其他方面的免费视频教程,只是都在Youtube,有兴趣的朋友请自便了。</p> <!--break--><h3> 1.教程简介</h3> <p><embed align="middle" allowfullscreen="true" allowscriptaccess="always" height="400" mode="transparent" quality="high" src="http://player.youku.com/player.php/Type/Folder/Fid/23447322/Ob/1/sid/XODY3NzY5MTAw/v.swf" type="application/x-shockwave-flash" width="480"></embed></p> <h3> 2.了解Sketch 3</h3> <p><embed align="middle" allowfullscreen="true" allowscriptaccess="always" height="400" mode="transparent" quality="high" src="http://player.youku.com/player.php/Type/Folder/Fid/23447322/Ob/1/sid/XODY3NzcxODI4/v.swf" type="application/x-shockwave-flash" width="480"></embed></p> <h3> 3.理解Artboards</h3> <p><embed align="middle" allowfullscreen="true" allowscriptaccess="always" height="400" mode="transparent" quality="high" src="http://player.youku.com/player.php/Type/Folder/Fid/23447322/Ob/1/sid/XODY3NzcyMDQw/v.swf" type="application/x-shockwave-flash" width="480"></embed></p> <h3> 4.页面(pages)</h3> <p><embed align="middle" allowfullscreen="true" allowscriptaccess="always" height="400" mode="transparent" quality="high" src="http://player.youku.com/player.php/Type/Folder/Fid/23447322/Ob/1/sid/XODY3NzcyMTUy/v.swf" type="application/x-shockwave-flash" width="480"></embed></p> <h3> 5.在检查器(inspector)中为图形(shape)设置样式</h3> <p><embed align="middle" allowfullscreen="true" allowscriptaccess="always" height="400" mode="transparent" quality="high" src="http://player.youku.com/player.php/Type/Folder/Fid/23447322/Ob/1/sid/XODY3NzcyMjYw/v.swf" type="application/x-shockwave-flash" width="480"></embed></p> <h3> 6.文本样式</h3> <p><embed align="middle" allowfullscreen="true" allowscriptaccess="always" height="400" mode="transparent" quality="high" src="http://player.youku.com/player.php/Type/Folder/Fid/23447322/Ob/1/sid/XODY3OTA5ODky/v.swf" type="application/x-shockwave-flash" width="480"></embed></p> <h3> 7.网格(grid)与布局</h3> <p><embed align="middle" allowfullscreen="true" allowscriptaccess="always" height="400" mode="transparent" quality="high" src="http://player.youku.com/player.php/Type/Folder/Fid/23447322/Ob/1/sid/XODY3OTA5OTg4/v.swf" type="application/x-shockwave-flash" width="480"></embed></p> <h3> 8.对齐与分布</h3> <p><embed align="middle" allowfullscreen="true" allowscriptaccess="always" height="400" mode="transparent" quality="high" src="http://player.youku.com/player.php/Type/Folder/Fid/23447322/Ob/1/sid/XODY3OTEwMTc2/v.swf" type="application/x-shockwave-flash" width="480"></embed></p> <h3> 9.在Sketch 3中使用图形</h3> <p><embed align="middle" allowfullscreen="true" allowscriptaccess="always" height="400" mode="transparent" quality="high" src="http://player.youku.com/player.php/Type/Folder/Fid/23447322/Ob/1/sid/XODY3OTEwMzAw/v.swf" type="application/x-shockwave-flash" width="480"></embed></p> <h3> 10.创建与使用symbols</h3> <p><embed align="middle" allowfullscreen="true" allowscriptaccess="always" height="400" mode="transparent" quality="high" src="http://player.youku.com/player.php/Type/Folder/Fid/23447322/Ob/1/sid/XODY3OTEwNDQw/v.swf" type="application/x-shockwave-flash" width="480"></embed></p> <h3> 11.iOS UI设计工具</h3> <p><embed align="middle" allowfullscreen="true" allowscriptaccess="always" height="400" mode="transparent" quality="high" src="http://player.youku.com/player.php/Type/Folder/Fid/23447322/Ob/1/sid/XODY4MDA4NTAw/v.swf" type="application/x-shockwave-flash" width="480"></embed></p> <h3> 12.Foundation 5 UI工具包</h3> <p><embed align="middle" allowfullscreen="true" allowscriptaccess="always" height="400" mode="transparent" quality="high" src="http://player.youku.com/player.php/Type/Folder/Fid/23447322/Ob/1/sid/XODY4MDA4NzAw/v.swf" type="application/x-shockwave-flash" width="480"></embed></p> <h3> 13.Bootstrap 3 UI工具包</h3> <p><embed align="middle" allowfullscreen="true" allowscriptaccess="always" height="400" mode="transparent" quality="high" src="http://player.youku.com/player.php/Type/Folder/Fid/23447322/Ob/1/sid/XODY4MDA4ODgw/v.swf" type="application/x-shockwave-flash" width="480"></embed></p> <h3> 14.安装和使用插件(plugins)</h3> <p><embed align="middle" allowfullscreen="true" allowscriptaccess="always" height="400" mode="transparent" quality="high" src="http://player.youku.com/player.php/Type/Folder/Fid/23447322/Ob/1/sid/XODY4MDA5MDg0/v.swf" type="application/x-shockwave-flash" width="480"></embed></p> <h3> 15.动态按钮(dynamic buttons)</h3> <p><embed align="middle" allowfullscreen="true" allowscriptaccess="always" height="400" mode="transparent" quality="high" src="http://player.youku.com/player.php/Type/Folder/Fid/23447322/Ob/1/sid/XODY4MDA5MjQ0/v.swf" type="application/x-shockwave-flash" width="480"></embed></p> <h3> 16.实用技巧与快捷键(1)</h3> <p><embed align="middle" allowfullscreen="true" allowscriptaccess="always" height="400" mode="transparent" quality="high" src="http://player.youku.com/player.php/Type/Folder/Fid/23447322/Ob/1/sid/XODY4MDA5MzQ0/v.swf" type="application/x-shockwave-flash" width="480"></embed></p> <h3> 17.实用技巧与快捷键(2)</h3> <p><embed align="middle" allowfullscreen="true" allowscriptaccess="always" height="400" mode="transparent" quality="high" src="http://player.youku.com/player.php/Type/Folder/Fid/23447322/Ob/1/sid/XODY4MDA5NDY0/v.swf" type="application/x-shockwave-flash" width="480"></embed></p> <h3> 18.插件管理器</h3> <p><embed align="middle" allowfullscreen="true" allowscriptaccess="always" height="400" mode="transparent" quality="high" src="http://player.youku.com/player.php/Type/Folder/Fid/23447322/Ob/1/sid/XODY4MDA5NjA4/v.swf" type="application/x-shockwave-flash" width="480"></embed></p> <h3> 19.使用免费资源扩展Sketch</h3> <p><embed align="middle" allowfullscreen="true" allowscriptaccess="always" height="400" mode="transparent" quality="high" src="http://player.youku.com/player.php/Type/Folder/Fid/23447322/Ob/1/sid/XODY4MDA5NzQ4/v.swf" type="application/x-shockwave-flash" width="480"></embed></p> </div></div></div><ul class="field_categories"><li class="design taxonomy-term-reference-0"><a href="/design" typeof="skos:Concept" property="rdfs:label skos:prefLabel">设计</a></li></ul><ul class="field_article_categories"><li class=" taxonomy-term-reference-0"><a href="/study" typeof="skos:Concept" property="rdfs:label skos:prefLabel">学习</a></li></ul><ul class="field_tags"><li class=" taxonomy-term-reference-0" rel="dc:subject"><a href="/taxonomy/term/14" typeof="skos:Concept" property="rdfs:label skos:prefLabel">用户体验</a></li><li class=" taxonomy-term-reference-1" rel="dc:subject"><a href="/taxonomy/term/31" typeof="skos:Concept" property="rdfs:label skos:prefLabel">UX</a></li><li class=" taxonomy-term-reference-2" rel="dc:subject"><a href="/taxonomy/term/32" typeof="skos:Concept" property="rdfs:label skos:prefLabel">UED</a></li><li class=" taxonomy-term-reference-3" rel="dc:subject"><a href="/taxonomy/term/164" typeof="skos:Concept" property="rdfs:label skos:prefLabel">Sketch</a></li><li class=" taxonomy-term-reference-4" rel="dc:subject"><a href="/taxonomy/term/181" typeof="skos:Concept" property="rdfs:label skos:prefLabel">视频教程</a></li><li class=" taxonomy-term-reference-5" rel="dc:subject"><a href="/taxonomy/term/115" typeof="skos:Concept" property="rdfs:label skos:prefLabel">视觉设计</a></li></ul> Sat, 07 Feb 2015 12:47:17 +0000 C7210 672 at http://www.beforweb.com http://www.beforweb.com/node/672#comments