前端要凉?微软开源Sketch2Code,设计草图秒变代码

编者按:最近超火的Sketch2Code 是什么神器?它如何将设计草图秒变成HTML 代码?本文翻译了微软的官方博客介绍,让你理解这个开源神器是如何工作的! 用户界面设计过程涉及大量创造性的迭代工作。这个过程通常从白板或白纸上画草图开始,设计师和工程师分享他们的想法,尽力表达出潜在的客户场景或工作流程。当他们在某个设计上达成一致之后,将草图画出来,然后手动将草图输出为 HTML 代码。输出过程需要耗费很多时间和精力,通常会减慢设计过程。 如果可以将白板上手绘的设计立即反映在

前端要凉?微软开源Sketch2Code,设计草图秒变代码

编者按:最近超火的Sketch2Code 是什么神器?它如何将设计草图秒变成HTML 代码?本文翻译了微软的官方博客介绍,让你理解这个开源神器是如何工作的! 用户界面设计过程涉及大量创造性的迭代工作。这个过程通常从白板或白纸上画草图开始,设计师和工程师分享他们的想法,尽力表达出潜在的客户场景或工作流程。当他们在某个设计上达成一致之后,将草图画出来,然后手动将草图输出为 HTML 代码。输出过程需要耗费很多时间和精力,通常会减慢设计过程。 如果可以将白板上手绘的设计立即反映在

想设计出完美的海报?这10个技巧帮你达成愿望

对于设计师而言,平面设计是最基础的技能之一。而海报和宣传单的设计,也几乎是每一个设计师的必修课。如今网页上的 Banner,宣传和促销的数字海报,大多脱胎于我们所熟知的海报设计。对于推销产品、连接客户,海报始终是一种最为有趣和实用的展现形式,很多优秀的海报不仅呈现了信息,而且还能顺带做一些有趣的事情。 海报是经典,海报也贴合当下的许多设计的需求。想要设计好海报需要注意哪些问题呢?今天的文章,我们来分享10个非常实用的海报设计技巧,帮你提升海报的设计。 1. 让海报在远处也能清

比子弹短信还早的易信,是如何用最低成本做发现页改版的?

网易UEDC – 张书超 :本文讲解如何以最低成本和数据来驱动的设计改版,让发现页能够继续更好地为用户服务,同时能够提升用户对各个社交模块的使用。 一、项目背景 易信发现页汇聚了多个社交和商业化功能的入口和内容,是易信用户进入人数和频次最多的模块之一。但是,在近1年的时间未做较大迭代后,很多问题也渐渐凸显。因此,我们进行了以最低成本和数据来驱动的设计改版,让发现页能够继续更好地为用户服务,同时能够提升用户对各个社交模块的使用。 △ 易信发现页(旧版) 二、问题溯源 随着产品

鸟 – 超过 1000 种的鸟类百科大全[iPhone]

鸟 – 鸟类百科 是一款收集了 1000 多种鸟类基本信息、照片的 iPhone 应用。@Appinn 感谢微信好友 @水子 的推荐。 这是一个专门给鸟类爱好者的 App,界面非常简单,只有四个功能选项卡:推荐、分类、收藏和我。 根据专业的纲,目,科,属,种来分类,让爱鸟的你也专业起来。 在具体到某一只鸟的情况,能够看到的信息有: 多张图片 学名 描述简介 叫声(多个) 分类 世界自然保护联盟 地理分布 繁殖区 外形特征 生活习性 对于喜欢的鸟类,还可以加标

文案总是写不好?牢记文案的11条军规!

一流的作家们都怎样对待自己的文字? 海明威把《永别了,武器》的结尾改了39次,只为了找到准确的词。 村上春树一般花六个月写完小说的第一稿,再花七八个月进行修改。 雷蒙德·卡佛的小说初稿如果有四十页,当他修改完后通常只剩下二十页。 福楼拜告诉莫泊桑:你所表达的,只有一个词是最贴切的,不可能有第二个,一定要找到它。 这是一流的写作者对待文字的态度,偏执,强硬,像数学一样精密,在不断的自我推翻中练就上乘的手艺与直觉。 在文案的写作之路上,布满了沼泽和雷区,你需要随身

超全面!用户界面设计中的「版式设计」全方位指南

@孔雅轩LineVision :一篇较为系统与全面的版式讲解,从规范化的布局形式到平面构成在用户界面设计中的应用与体现。 欢迎关注作者的微信公众号:「线点研究所」 图片素材作者:Adama Mbengue 「打造优质界面的实用技巧」 《如何选择UI 界面布局样式?来看丁香园设计师的总结!》 《卡片设计、分割线、无框设计哪个好?来看高级设计师的分析!》 《如何提升界面品质感?来看这篇超全面的总结!》