标注内容:1、文字:大小、字体、粗细、颜色、不透明度2、布局控件属性:控件高度、背景色、透明度、描边和圆角大小3、间距:图标文字列表等都间距、控件之间都距离和左右边距4、列表:列表都高度、颜色、内容上下间距等5、段落:行距6、全局属性:如导航栏文字大小、颜色页面左右边距、默认间距图无法用代码实现的内容需要图,主要@2x和@3x图注意:1、图输出格式:png24位、png8位、jpg3种格式
引在iOS10.3中,苹果提供了一个比较有意思的功能。不知道大家注意到没有,iPhone自带的日历和始终App的图标是实时显示当日日期和当时的时间的,时间的秒钟还会走动,这其实就做到了在安装完App后,还能自由地变更App的图标,而现在,我们普通的开发者也可以实现了。但是这只能在iOS10.3之后实现。效果如下:可以看到在点击按钮操作后将App的图标更换掉了。这个效果可以用在很多地方,做出更加需要
是一个解决方案:解决了前端开发和UI设置之间的沟通的方案。随着UI设计师的设计工具越来越繁杂,我们不能再像传统的合作模式一样。为了解决这个问题,应运而生。不管设计师用的是什么设计软件,上传到湖上表现都一样。弊端有免费的人数限制,但是咱们人比较多,没办法进入到同一个项目里。所以在下面的学习中,我们需要了解一个设计工具-masterGO设计工具PSSketchFigmapixso即时设计
转载 6月前
182阅读
标注图功能广受好评,正确选择标注尺寸,让设计师与工程师的沟通和协作事半功倍。本期【指北】,将手把手教你如何选择标注尺寸。Step 1 :将设计图上传至湖上传设计图至,单击设计图任意地方,即可打开设计图标注信息面板,查看该设计图元素大小、描边、颜色、投影、圆角、字体、字号、边距等信息。单击空白处,即可关闭标注面板。Step 2 :标注时,正确选择标注单位点击标注面板右上方三角
作为一名优秀的开发可能会遇到下载图模糊,但是找产品产品又怼我说图是矢量
原创 2023-03-16 09:21:56
499阅读
首先下载PS 安装然后登录下载完成之后 重启PS就会看见 窗口 列表的拓展功
原创 2022-08-19 11:27:08
866阅读
1、架构设计图1.1、系统架构特点微服务设计、前后端分离、高可用、易扩展、易维护、统一配置、令牌限流、服务熔断、链路追踪、docker容器部署、rancher容器管理、自动化运维1.2、系统架构图1.3、总设计思维图1.4、后端架构图2、产品UI——2.1、简介是一款优秀的产品设计写作平台,实现了一张画板展示页面跳转逻辑、设计图历史版本管理、打点评论、自动标注、制作高保真交互原型、团队共享
作为一个前端开发,你是否有为了图而焦头烂额的时候,拿到一张psd的时候需要将图片细细分割,这个时候估计会在心里diss一万遍ui设计师了,没事,这个时候,其实你需要的是一款神器,PS图神器-一键图,so easyhttps://lanhuapp.com用邮箱注册一个账号,然后自己可以开始慢慢的探索了。不得不说...
原创 2021-07-29 10:39:34
1265阅读
无论你从事任何工作,团队协作的能力都是一个现代职场人所必备的底层技能。软件设计厂商们也都看到了职场人的这一需求,也明白传统软件无法满足这类需求的痛点,因此,越来越多的在线协作软件问世了。 下面要介绍的这6款和UI设计有关的团队协作交付软件就是为此而生的。 1.,你可以无缝产品、设计、研发的流程;设计师能更快交付设计图,产品经理能更直观地展现需求,工程师能省时省力高效编程;因此,使用
Hey,大佬们,正式上线「图压缩」功能,号称设计师和工程师必备利器!埋头工作的你,还不快来试试!什么是「图压缩」?「图压缩」前后有什么区别?通过智能无损压缩技术,选择性地减少 PNG 图文件中的颜色数量,从而储存数据所需的字节更少;这样在视觉效果不变的情况下,PNG 图文件体积却大大缩小了!从而网站加载更快,用户体验更佳!设计师和工程师可以告别图文件二次加工,再也不用一张张地压
使用规范一、插件下载及安装二、团队项目建立流程1、新建团队(横琴人寿)2、新建项目在对应的团队下新建项目例如官微项目,官网项目,i保项目,哆来咪项目3、新建分组在相应的项目下按照功能模块进行分组,例如:投保、家庭权益、服务大厅4、在相应的分组下上传文件文件命名规范:对应的具体页面描述+版本信息例如:尊贵服务-4.2版本(如果没有版本号可用具体上线日期)同一张设计图有可能有多种状态,需要上传
回答:透明渐变或者:一、新建一个800 * 600像素的文档,打开下图所示的素材图片,选择菜单:图像 > 旋转画布 > 垂直翻转,然后拖进来。二、再打开刚才的素材图片,拖进来,把多出的天空及地面部分删除。三、把翻转后的图片调整好位置,连成一幅漂亮的风景画。四、打开下图所示的水纹素材,拖进来,放在图片的左下角,图层混合模式改为“叠加”,加上图层蒙版,用黑色画笔把边缘部分涂掉。五、打开下图
Hey,大佬们,今天也是努力的一天啊!【共享产品文档】自面世以来,为大家解决了很多烦恼,不仅能共享产品文档,还能对文档进行在线评审、历史版本管理等,可以说好评满满~ 但团队觉得这些惊喜还不够!在产品开发小哥哥顶着秃头夜以继日地努力下,【共享产品文档】再次如虎添翼,支持 Axure 文档【历史版本对比】啦!!!内测群中发来贺电,老铁们纷纷双击666 ~ ✨【历
目录1.前言2.正文3.最后 1.前言大家在实际工作中,有没有用到过呢?是一款产品文档和设计图的共享平台,帮助互联网团队更好地管理文档和设计图。最近两年使用,共享设计图在公司内部已经普及开来。但是,作为前端开发工程师,当我们从湖上下载图片资源时,需要把资源重新命名为合乎项目规范的格式,比如湖上的一张图片名字是“创作.png”,我们或许需要把它重命名为 “create_page_b
  相信各位UI设计师们都知道给设计稿标注是多么痛苦的一件事。将尺寸,间距,大小一个一个手动的画出来,耗时耗力不说还搞得自己两眼昏花。如果有一处标错了前端会一次次的来找自己,和自己确定。这种低效的协作方式,造成了大多数互联网产品设计团队普遍的悲剧:明天要上线,通宵抠细节,吐血调界面,加班今天周老师给大家介绍一个神器,完全释放你的双手。   有一款软件叫“”,可能有些还没工作过的小伙伴们还没有听
: 第一步:通过插件在PS中标记你需要生成的图 第二步:通过插件将页面上传至 第三步:在Web端,双击设计图查看标注图 在这里,你家的工程师可以: ①查看所有元素的尺寸、字号、距离等信息,并可直接复制相应代码 ②一键下载图文件 Sketch用户 第一步: 通过插件在Sketch中标记你需要生成的图 方法①: 用export标记图 (忽略透明区域) 方法② :用
目录一、简介1.产品经理轻松表达需求2.设计师更快交付设计图3.工程师快速省心开发二、注册账号三、下载并安装 Photoshop 插件四、Photoshop 上操作 一、简介官网:https://lanhuapp.com/,以下为官网的介绍。1.产品经理轻松表达需求在线展示文档,团队查看更方便支持在线评审,更新通知,自动备份一个地方展现所有资源汇总文档和设计,理解更轻松按页面逻辑
转载 2023-09-15 16:04:56
124阅读
图标注工具SnipasteSnipaste 是一个简单但强大的截屏贴图工具,同时也可以执行编辑、标注等功能下载方法1:snipaste官网下载或中文官网下载方法2:微软商店搜索下载使用指南官方中文使用文档截图快捷键:默认F1 鼠标左键单击托盘图标何谓一次成功的截图保存到剪贴版:Ctrl+C、Enter、、双击截屏区域保存到文件:Ctrl+S、保存到贴图:Ctrl+T快捷保存:Ctrl+Shift
# Android平板图标切割方案 在开发Android应用时,我们经常需要对应用图标进行切割以适应不同分辨率的设备。本文将介绍如何在Android平板上切割图标,并提供代码示例。 ## 问题描述 在Android开发中,制作并适配图标是一项重要的工作。对于平板设备,我们通常会需要不同尺寸的图标来适应不同分辨率的设备。因此,我们需要一种方法来快速且准确地切割图标。 ## 解决方案 ###
原创 4月前
25阅读
今天来补一下本来是昨天应该发的。那为什么今天才补呢?那肯定是今天才有空写了,而且我现在正在上课呢。这两天太忙了,满课,还有实验作业,还有实习任务。对的,实习终于不是摸鱼了!内心悲喜交加,喜的是,有活干就时间过得很快,也没有那么累了;悲的是,担心自己做不出来。确实,昨天接到任务时,内心是极度懵逼的。先说一下任务哈,就是根据设计稿做页面,应该是用uniapp开发的小程序页面吧,但其实我不是很确定,因为
  • 1
  • 2
  • 3
  • 4
  • 5