最近发现了一个很有意思的新工具,叫作 sketch-code。它可以将手稿草图直接变为html网页,产生相应的前端代码sketch-code,是由微软推出的基于机器学习、使用Bootstrap框架的开源工具。实现效果微软sketch-code的官网上的例子就很有意思,见如下:可以看见,在草图中的形状,经由机器识别等过程,变成了由bootstrap网格系统所构成的html前端页面。 文字变成了文本
原标题:快速生成Material 原生组件 | Sketch 技能分享Android 的设计师福利到!今天要介绍一个快速生成复杂 Material 组件的Sketch 插件—— Sketch Material。在介绍每个组件的生成方式同时会给出对应组件的 Material Design官方开发设计规范链接。全文阅读时长:5分钟多图官方下载:https://websiddu.github.io/sk
转载 2024-08-12 17:13:09
169阅读
设计阶段:Sketch设计稿中的尺寸和 Xcode 中的编码尺寸的差异。 Sketch 中元素的 Size 的单位是 像素, 而 Xcode 中编码时候,尺寸单位是 点(point),一个点代表的是两个像素。 通常在 Sketch 中要导出的 图片资源有三个尺寸格式:0.5 - 所视元素缩小一倍的尺寸 1 - @2x 1.5 - @3x 对于需要编码的视图,使用MarkMan 进行统一的属性标
转载 2023-11-01 11:05:56
266阅读
现在智能机就像是一台小的移动电脑,可以帮你实现多种操作,比如让你在手机上绘制各种趣味的图片,制作自己专属的漫画作品等,给你带来全新的体验,SketchBook pro手机版能给你更多惊喜!西西推荐理由:• 径向对称:产品设计师和曼荼罗制作者都喜欢使用径向对称功能,在这种情况下,他们只需绘制一次线条,即可重复使用 16 次之多。• 预测笔迹:绘制一条线后,预测笔迹技术会将这条线变为一条直线。绘制一个
转载 2024-01-29 00:04:08
142阅读
最佳助攻!25款轻巧实用的SKETCH插件大合集 CocoaChina Sketch绝对是除了PS和AI之外在Mac 平台上最热门的设计工具,它更新迅速,功能完备,并且非常契合目前对于UI设计的需求,最重要的是,Sketch 小巧灵便不臃肿,还具有相当强大的可拓展性。 Sketch 的优秀之处就是从它的可拓展性上延展开的,围绕着它的不仅有大量的设计师,还有一个活跃的开发者社群,许多
有经验的网页设计师和前端都知道,在开始着手设计网页之前,通常大家会在白板或者草稿纸上画个草图,这样做方便构思整体布局。虽然许多设计师选择在白板上完成这一过程,不过也有许多设计师选择使用软件来”打草稿”,其中最受大家青睐的就包括Sketch 内置的模板功能。相比白板上的手绘模板,Sketch内置的模板功能更加规整,也组织得更加富有条理,保证了设计的向后的兼容性,也确保了生产力。好的开始是成功的一半,
Teny说:最近一键PSD转换成Sketch有了大招,可是很多人问Sketch转PSD怎么办,不用着急,一样有大招!就在今天告诉大家,此招珍藏已久,只是比较冷门,一直没拿出来~~Photopea,一款可以在线编辑Sketch和PSD源文件的工具。偏偏因为他可以在线编辑,又能保存PSD格式。藏得有点深~~ 完全可以做成在线转换工具了。www.photopea.com打开页面,就能看到支持PSD、XC
# Android开发中的高效Sketch实现指南 在Android开发中,如果你想要创建一个高效的Sketch应用,基本的流程和任务分配至关重要。本文将帮助你从零开始实现一个简单的Sketch应用。以下是整个实现流程的概览: ## 实现流程概览 | 步骤 | 描述 | |------|------------------------
原创 7月前
67阅读
一、Sketch的简介Sketch是什么?Sketch是一款轻量、高效的矢量设计工具,它在矢量编辑基础上,提供了基本的位图样式支持(例如模糊和颜色调节),支持矩形工具、文字工具、布尔运算等功能。你可以把它看做是简化版的Photoshop。但需要注意的是,Sketch不是一款位图编辑器。这就是说,你如果想做的是照片修正、画笔绘图,这款软件就不合适。Sketch的优缺点优点: 小清新颜值高 :界面简洁
# Java Sketch文件与代码转换的介绍 Java是一种广泛使用的编程语言,它以其简单性、可移植性及强大的功能而受到众多开发者的欢迎。在开发过程中,设计阶段往往会使用可视化工具来创建设计草图(Sketch),而将这些草图转化为实际代码是整个开发流程中的重要一步。在这篇文章中,我们将探讨如何将一个Java Sketch文件转化为代码,并用示例来说明这一过程。 ## 一、什么是Java Sk
原创 7月前
33阅读
sketch怎么传到ps As we’re locked up in our homes due to COVID-19 pandemic, many of us are working remotely and Figma is a go-to tool for designers for the same. 由于COVID-19流行病使我们被关在家里,我们中的许多人都在远程工作,而Figma
内容介绍今天给大家分享一款sketch插件,利用该插件可以实现代码自动生成,并且包含多端。例如web端,小程序端等。imgcook介绍imgcook 专注以 Sketch、PSD、静态图片等形式的视觉稿作为输入,通过智能化技术一键生成可维护的前端代码,包含视图代码、数据字段绑定、组件代码、部分业务逻辑代码等。目前此产品是阿里巴巴前端委员会智能化小组的服务化的内外落地产品。 imgcook 的主
原创 2023-01-03 10:24:28
515阅读
Sketch 是为图标设计和界面设计而生的。它是一个有着出色 UI 的一站式应用。在 Sketch 中,画布将是无限大小的,每个图层都支持多种填充模式。Sketch为您提供了真正协作设计过程所需的所有工具。从早期创意到像素完美的艺术品、清晰原型以及与开发人员交接。Sketch 自面试以来一直深受设计者喜爱,但对于很多新手小白来说容易踩坑,导致使用sketch的设计效率低下,下面小编将为您分享ske
设计是一个很普遍的概念,一般是可以理解为为即将做的某件事先形成一个计划或框架。 (牛津英语词典)中,设计是一种将艺术,体系,硬件或者更多的东西编织到一块的主线。软件设计,特别是作为软件设计的次类的API设计,也是一样的。但是API设计常常很少关注软件发展,因为为其他程序员写代码的重要性要次于应用UI设计和最终用户体验。但是API设计,作为我们自己写的库中提供的公共接口,能够向调用我们代码
转载 2月前
397阅读
本次我们主要实现了画板之间的通信,客户端画板可以转递一条直线给服务端画板,服务端画板也可以传递一条直线给客户端画板,两端直线显示在相同位置上,效果如下: 涉及到的知识点主要有以下两点: 1,Java Socket通信。 2,int数据和byte数据的转换。一,Socket通信1,TCP/IP协议 TCP是一种面向连接的、可靠的、基于字节流的传输层协议,IP是互联网协议,Java Socket就是基
一.Sketch简介Sketch 是一款适用于所有设计师的矢量绘图应用。矢量绘图也是目前进行网页,图标以及界面设计的最好方式。但除了矢量编辑的功能之外,我们同样添加了一些基本的位图工具,比如模糊和色彩校正。我们尽力让 Sketch容易理解并上手简单,有经验的设计师花上几个小时便能将自己的设计技巧在Sketch中自如运用。对于绝大多数的数字产品设计,Sketch 都能替代Adobe Photoshop,Illustrator 和 Fireworks。 ...
原创 2021-07-15 17:14:54
1665阅读
看完android开发入门之后,自己就想开发一个简单的APP练手,那肯定这个APP是一个简单的APP,限于能力和人力,所以就想到了diary,现代生活,纸质生活可能会一去不复返,替代的就是电子版,电子书,电子报等等,那自然而然的要有一个电子笔记本取代我们传统的纸质笔记本,而且手机移动终端的便携性,也非常适合在移动终端上开发一个日记本的APP,很方便大众使用。Diary 顾名思义,就是日记本,当然市
有趣的目录Android APT 自动生成代码实践1、工程准备1.1、创建annotation模块1.2、创建processor模块2、见证奇迹的时刻 Android APT 自动生成代码实践前言:都9102年了,我才接触到apt的东西,之前自己压根儿没往那儿想。一直都能见到作用在onCreate()方法上的@Override注解,一直以为是一种约定俗成的东西。直到遇到EventBus,也注意到
大家好,我是飞刀,这次我来讲一下生成Adapter类和布局文件的功能。首先打开界面看一下:首行的配置和前面的Activity和Fragment的一样。输入框是左右两个,第一个是ListView和GridView的Adapter,第二个是RecyclerView的Adapter。左边输入“关注”,点击生成,看看结果:输出框生成了Adapter的类名:FocusOnAdapter工程中生成了Adapt
转载 2023-07-27 16:46:34
116阅读
data stream ——> network measurment ...
IT
转载 2021-09-28 16:48:00
153阅读
2评论
  • 1
  • 2
  • 3
  • 4
  • 5