设计师如何与程序员哥哥更好的合作？设计面对面！设计师如何与网页开发人员

特别声明：《设计师如何与程序员哥哥更好的合作？》转载于网络，并不代表傻大方资讯网的立场。

?优设品牌号，旗下新品及内测邀请码资格均在此号，关注推送掌握动态，有机会第一时间获取。

封面设计：Pavel Rudakov

视频源：The Futur （授权翻译）

翻译：@炭烧鹿

设计师如何与网页开发人员合作？如何将设计稿转换为实际应用的网页。这是Blind网站开发的第二部分，上一集我们看了网站设计初稿，这一次我们来看看设计稿在实际应用中还有哪些不足。妈妈再也不用担心我和程序猿哥哥打架了？(°?°)?

<img alt="设计师如何与程序员哥哥更好的合作？" onload="javascript:ImgReSize(this)" class="imgcenter" src="http://img5.shadafang.com/img.php?http://mmbiz.qpic.cn/mmbiz_jpg/pBxtubiaOffWSzFbcv6Nac3ibFU2anTTPrmlmPgaibuxy1xXVQuSfoDauM45VWadACvSFKaQX3CH4U0p5nonTWwUA/640?wx_fmt=jpeg" /><br /></p><p style = "font-size:18px"><img alt="设计师如何与程序员哥哥更好的合作？" onload="javascript:ImgReSize(this)" class="imgcenter" src="http://img5.shadafang.com/img.php?http://mmbiz.qpic.cn/mmbiz_jpg/pBxtubiaOffWSzFbcv6Nac3ibFU2anTTPrvRRQpIvW8OUkFQ2jK8UoSLjAokjSLWianMXdRl2F6jTwAIlQlv0lWew/640?wx_fmt=jpeg" /><br /></p><p style = "font-size:18px"><img alt="设计师如何与程序员哥哥更好的合作？" onload="javascript:ImgReSize(this)" class="imgcenter" src="http://img5.shadafang.com/img.php?http://mmbiz.qpic.cn/mmbiz_jpg/pBxtubiaOffWSzFbcv6Nac3ibFU2anTTPrAQKk1XWlENmnMmsAibWS6bAbOrEcib7F50O3Ciaz32siaHmZ9LnfNLM81Q/640?wx_fmt=jpeg" /><br /></p><p style = "font-size:18px">本期内容到这里就结束了，希望大家能在视频中学习到更多和程序员合作沟通的方法。</p><p style = "font-size:18px"><img alt="设计师如何与程序员哥哥更好的合作？" onload="javascript:ImgReSize(this)" class="imgcenter" src="http://img5.shadafang.com/img.php?http://mmbiz.qpic.cn/mmbiz_jpg/pBxtubiaOffVWTsBzPibFpfjuGNaU75EWwL1lcicaHVZ93PKHlSA9aaF4r8tvaxy7jEibKBaicb3ugaeDhzPAQK9Iuw/640?wx_fmt=jpeg" /><br /></p> </p> <div class="dede_pages"><ul></ul></div> <div class="pcd_ad"> <div style=margin-top:10px;> <center> <script type="text/javascript" src="//bd100.shadafang.com/production/k_fe/openjs/ce_lx_gc.js"></script> <script type="text/javascript" src="//bd100.shadafang.com/common/gb_a_ya/static/h_tck.js"></script> <script type="text/javascript" src="//bd100.shadafang.com/production/h/common/c/static/bzbi_u/openjs/dr.js"></script> </center></div> <div style=margin-top:10px;> <center> </center> </div> </div> <div class="mbd_ad"> <script type="text/javascript" src="//bd100.shadafang.com/production/y/common/tp_lc/openjs/iz/static/vl.js"></script> <script type="text/javascript" src="//bd100.shadafang.com/common/i/static/dc/resource/acjve/v.js"></script> </div> <br /> <p><br /><ul class="post-loop post-loop-list cols-4"><li><a href="/c/tj0301ccW2018.html" title=" 如何把点击按钮产生的事件传送到后台" target="_blank"> 如何把点击按钮产生的事件传送到后台 </a></li> <li><a href="/c/tj0301cc4H018.html" title="如何能评上农村“五保户”，它能享受几种福利待遇，你满足条件吗" target="_blank">如何能评上农村“五保户”，它能享受几种福利待遇，你满足条件吗 </a></li> <li><a href="/c/tj0301cc242018.html" title=" 如何解决Win7系统Update更新失败" target="_blank"> 如何解决Win7系统Update更新失败 </a></li> <li><a href="/c/tj022YcY92018.html" title=" ＵＩ设计师前景如何？" target="_blank"> ＵＩ设计师前景如何？ </a></li> <li><a href="/c/tj022YcV42018.html" title=" 佳能80d配501.4 如何" target="_blank"> 佳能80d配501.4 如何 </a></li> <li><a href="/c/tj022YcUR018.html" title=" 如何在Windows 10安装和使用Linux的Bash shell" target="_blank"> 如何在Windows 10安装和使用Linux的Bash shell </a></li> <li><a href="/c/tj022YcQ12018.html" title=" 华为荣耀6红色袋子的应用推荐如何卸载？不能移动，不能删除，也" target="_blank"> 华为荣耀6红色袋子的应用推荐如何卸载？不能移动，不能删除，也 </a></li> <li><a href="/c/tj022YcP22018.html" title=" 如何对待人妖号玩家？" target="_blank"> 如何对待人妖号玩家？ </a></li> <li><a href="/c/tj022YcP12018.html" title=" 如何拟论文提纲" target="_blank"> 如何拟论文提纲 </a></li> <li><a href="/c/tj022YcN92018.html" title=" 艺考培训机构该如何选？" target="_blank"> 艺考培训机构该如何选？ </a></li> </ul></p> <div class=entry-copyright> <p></p> </div> </div> <div class="entry-footer"> <div class="prev-next sb br mb clearfix"> <p class="post-prev fl ellipsis">上一篇：<a href='/c/tj022EH15R018.html'>利好催化创业板涨超3% 暴涨将重演?</a> </p> <p class="post-next fr ellipsis">下一篇：<a href='/c/tj022EH1602018.html'>设计提案要做成PPT？素材哪里找？</a> </p> </div> </div> </div> </article> </main> <aside class="sidebar"> <div class="widget widget_post_thumb"> <h3 class="widget-title"><span>更多...</span></h3> <ul> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/tj021Y05DR018.html" title="猝死虽然很突然，但是这之前身体早已发出预警，这3个症状，抓住"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="猝死虽然很突然，但是这之前身体早已发出预警，这3个症状，抓住" src="/images/defaultpic.gif"> </a></div> <div class="item-content"> <p class="item-title"><a href="/c/tj021Y05DR018.html" title="猝死虽然很突然，但是这之前身体早已发出预警，这3个症状，抓住">猝死虽然很突然，但是这之前身体早已发出预警，这3个症状，抓住</a></p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/tj022595OM2018.html" title="自招 | 2018年自主招生报考文理兼收专业需注意那些事情？"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="自招 | 2018年自主招生报考文理兼收专业需注意那些事情？" src="/images/defaultpic.gif"> </a></div> <div class="item-content"> <p class="item-title"><a href="/c/tj022595OM2018.html" title="自招 | 2018年自主招生报考文理兼收专业需注意那些事情？">自招 | 2018年自主招生报考文理兼收专业需注意那些事情？</a></p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/tj022Y953P2018.html" title="【新春走基层】邯郸：“春风行动”招聘会送岗位惠民生"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="【新春走基层】邯郸：“春风行动”招聘会送岗位惠民生" src="/images/defaultpic.gif"> </a></div> <div class="item-content"> <p class="item-title"><a href="/c/tj022Y953P2018.html" title="【新春走基层】邯郸：“春风行动”招聘会送岗位惠民生">【新春走基层】邯郸：“春风行动”招聘会送岗位惠民生</a></p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/tj022OMc52018.html" title=" 学化妆去化妆工作室还是化妆学校"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt=" 学化妆去化妆工作室还是化妆学校" src="/images/defaultpic.gif"> </a></div> <div class="item-content"> <p class="item-title"><a href="/c/tj022OMc52018.html" title=" 学化妆去化妆工作室还是化妆学校"> 学化妆去化妆工作室还是化妆学校</a></p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/tj021Y000622018.html" title="能量十足，一路过关斩将，狗年行大运的三大星座，天蝎座上榜！"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="能量十足，一路过关斩将，狗年行大运的三大星座，天蝎座上榜！" src="/images/defaultpic.gif"> </a></div> <div class="item-content"> <p class="item-title"><a href="/c/tj021Y000622018.html" title="能量十足，一路过关斩将，狗年行大运的三大星座，天蝎座上榜！">能量十足，一路过关斩将，狗年行大运的三大星座，天蝎座上榜！</a></p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/tj02249493142018.html" title="民政部：为守信捐赠人在社会救助等民政业务提供便利"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="民政部：为守信捐赠人在社会救助等民政业务提供便利" src="/images/defaultpic.gif"> </a></div> <div class="item-content"> <p class="item-title"><a href="/c/tj02249493142018.html" title="民政部：为守信捐赠人在社会救助等民政业务提供便利">民政部：为守信捐赠人在社会救助等民政业务提供便利</a></p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/tj02239332342018.html" title="沪指强势上行释重要信号这类股后市或将疯狂爆发"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="沪指强势上行释重要信号这类股后市或将疯狂爆发" src="/images/defaultpic.gif"> </a></div> <div class="item-content"> <p class="item-title"><a href="/c/tj02239332342018.html" title="沪指强势上行释重要信号这类股后市或将疯狂爆发">沪指强势上行释重要信号这类股后市或将疯狂爆发</a></p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/tj022393M912018.html" title=" 精灵宝可梦 go什么时候国内能玩！？"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt=" 精灵宝可梦 go什么时候国内能玩！？" src="/images/defaultpic.gif"> </a></div> <div class="item-content"> <p class="item-title"><a href="/c/tj022393M912018.html" title=" 精灵宝可梦 go什么时候国内能玩！？"> 精灵宝可梦 go什么时候国内能玩！？</a></p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/tj022292T362018.html" title="用一个表情形容你的专业，23个专业全部躺枪！"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="用一个表情形容你的专业，23个专业全部躺枪！" src="/images/defaultpic.gif"> </a></div> <div class="item-content"> <p class="item-title"><a href="/c/tj022292T362018.html" title="用一个表情形容你的专业，23个专业全部躺枪！">用一个表情形容你的专业，23个专业全部躺枪！</a></p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/tj022OUK92018.html" title="02月27日:未来三天全国天气预报"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="02月27日:未来三天全国天气预报" src="/images/defaultpic.gif"> </a></div> <div class="item-content"> <p class="item-title"><a href="/c/tj022OUK92018.html" title="02月27日:未来三天全国天气预报">02月27日:未来三天全国天气预报</a></p> </div> </li> </ul> </div> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>  <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-0446337276450554" data-ad-slot="9969035691" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <div style=margin-top:10px;><center> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>  <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-0446337276450554" data-ad-slot="9374620940" data-ad-format="auto"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script></center> </div> </aside> </div> </div> <footer class="footer"> <div class="container"> <div class="clearfix"> <div class="footer-col footer-col-logo"> </div> <div class="footer-col footer-col-copy"> <ul class="footer-nav hidden-xs"> <li class="menu-item menu-item-706"><a href="/shenghuo/">生活</a></li> <li class="menu-item menu-item-706"><a href="/renwen/">人文</a></li> <li class="menu-item menu-item-706"><a href="/xuexi/">学习</a></li> <li class="menu-item menu-item-706"><a href="/tuijian/">推荐</a></li> <li class="menu-item menu-item-706"><a href="/yuedu/">悦读</a></li> <li class="menu-item menu-item-706"><a href="/renwen/kk/">看看</a></li> </ul> <div class="copyright"> <p>Copyright © 2017-2022 傻大方 <a href="http://beian.miit.gov.cn/" target="_blank" rel="nofollow">京ICP备14049044号-8</a> </p> </div> </div> <div class="footer-col footer-col-sns"> <div class="footer-sns"> </div> </div> </div> </div> </footer> <div class="action action-style-0 action-color-0 action-pos-1" style="bottom:15%;"> <div class="action-item gotop j-top"> <i class="web-icon wi action-item-icon"><svg aria-hidden="true"> <use xlink:href="#wi-arrow-up-2"></use> </svg></i></div> </div> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?81ee5b4bf062f52ad4637e2509846f6f"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> </div> <script>var _web_js={};</script> <script src="/skin/new/js/index.js"></script> </body> </html>