原文链接:​   ​​://note.noxussj.top/?source=51cto​​介绍​前面已经介绍了如何使用 git 来管理我们的项目代码。这里顺带介绍一下,在企业实际开发中,基本上都是有设计图的存在,前端是按照设计图去开发实现,并不是自己凭空想象页面长什么样子。就是目前比较主流的设计图网站。在设计图上面可以方便查看任何一个元素的尺寸大小、间
原创 2023-03-14 21:19:02
688阅读
       作为一个全栈程序开发人员,感觉有时候真的很心累呀,因为既要满足后端程序的实现,还要理解我们客户爸爸的独特见解。入行两年,个人对于移动端界面的书写渐渐找到了一些适合自己的东西。1、我们单位UI小姐姐推荐的“”是真的的好用,设计师需要安装PhotoshopCC2015以上版本(这里传送一个我弄到的 photoshop cc 2018 版本 ,网
安装插件点击首页右上角的【下载】图标,打开后,即可下载 Photoshop 插件安装成功后,请重启 Photoshop★ 注: Ps 插件仅支持 Photoshop CC 2015 及以上版本?(下载 Photoshop 插件地址)插件下载页登录打开 Photoshop【窗口】→【扩展功能】→【? 】?image.png输入帐号、密码登录?登录页面选择设计图要上传的团队与项目,
: 第一步:通过插件在PS中标记你需要生成的切 第二步:通过插件将页面上传至 第三步:在Web端,双击设计图查看标注和切 在这里,你家的工程师可以: ①查看所有元素的尺寸、字号、距离等信息,并可直接复制相应代码 ②一键下载切图文件 Sketch用户 第一步: 通过插件在Sketch中标记你需要生成的切 方法①: 用export标记切 (忽略透明区域) 方法② :用切
用好,提升开发效率我们都知道,UI设计当中得力的软件助手之一,那么在我们灵加的UI课程当中呢,对于蓝这款软件的应用,一定也是必不可少的。下面我们先来了解一下这款软件的优点第一,首先呢,我们在完成一个成熟的项目过程中呢,必然少不了各个部门的交流合作,有时候会存在:“需求交代不清晰,开发效果差”的问题。那么在这款软件中啊,就巧妙地避免了这个问题。做到了在线沟通协作,360° 无死角
画好的app原型如何在手机上体验?网上有很多方法,但很多都是收费的!分享一下我遇到的问题和解决方法~温馨提示:一定看完再做,跟着我的步骤会生气哈哈哈哈原本,我的目的是将原型做成二维码,这样别人可以扫描一下就可以在手机上运行起来~思路:将原型上传到网上——生成网址——网址转换成二维码一、画出适配手机屏幕的app原型 这部分内容可以参考“PM浪子”的文章为什么375x667是移动端原型设计的最佳分辨率
转载 6月前
80阅读
使用规范一、插件下载及安装二、团队项目建立流程1、新建团队(横琴人寿)2、新建项目在对应的团队下新建项目例如官微项目,官网项目,i保项目,哆来咪项目3、新建分组在相应的项目下按照功能模块进行分组,例如:投保、家庭权益、服务大厅4、在相应的分组下上传文件文件命名规范:对应的具体页面描述+版本信息例如:尊贵服务-4.2版本(如果没有版本号可用具体上线日期)同一张设计图有可能有多种状态,需要上传
无论你从事任何工作,团队协作的能力都是一个现代职场人所必备的底层技能。软件设计厂商们也都看到了职场人的这一需求,也明白传统软件无法满足这类需求的痛点,因此,越来越多的在线协作软件问世了。 下面要介绍的这6款和UI设计有关的团队协作交付软件就是为此而生的。 1.,你可以无缝链接产品、设计、研发的流程;设计师能更快交付设计图,产品经理能更直观地展现需求,工程师能省时省力高效编程;因此,使用
  相信各位UI设计师们都知道给设计稿标注是多么痛苦的一件事。将尺寸,间距,大小一个一个手动的画出来,耗时耗力不说还搞得自己两眼昏花。如果有一处标错了前端会一次次的来找自己,和自己确定。这种低效的协作方式,造成了大多数互联网产品设计团队普遍的悲剧:明天要上线,通宵抠细节,吐血调界面,加班今天周老师给大家介绍一个神器,完全释放你的双手。   有一款软件叫“”,可能有些还没工作过的小伙伴们还没有听
大概是2018年的时候,那时候我还是一个很稚嫩的小前端,我记得很深刻,当前GitHub上有个叫做star,这个项目主要表达的是在未来三年内,深度学习将改变前端开发。它将会根据设计图自动生成对应的html,css代码,从而拉低开发软件的门槛。也就是说我们前端以后不需要再画静态了!项目地址:https://github.com/emilwallner/Screenshot-to-code这里简单说一下
Hey,大佬们,正式上线「切压缩」功能,号称设计师和工程师必备利器!埋头工作的你,还不快来试试!什么是「切压缩」?「切压缩」前后有什么区别?通过智能无损压缩技术,选择性地减少 PNG 切图文件中的颜色数量,从而储存数据所需的字节更少;这样在视觉效果不变的情况下,PNG 切图文件体积却大大缩小了!从而网站加载更快,用户体验更佳!设计师和工程师可以告别切图文件二次加工,再也不用一张张地压
      作为多年生程序员,因为工作需要也经常需要绘制原型。于是尝试使用各种原型工具。平心而论原型设计在产品开发非常重要,可以有效的避免无效工作量。    这几年用过的原型工具如Axure、墨刀、还有什么xiaopiu、AD、、visio、摹客等。比较好用的算是axure和墨刀。最终在收费越来越高的情况下放弃了
回答:透明渐变或者:一、新建一个800 * 600像素的文档,打开下图所示的素材图片,选择菜单:图像 > 旋转画布 > 垂直翻转,然后拖进来。二、再打开刚才的素材图片,拖进来,把多出的天空及地面部分删除。三、把翻转后的图片调整好位置,连成一幅漂亮的风景画。四、打开下图所示的水纹素材,拖进来,放在图片的左下角,图层混合模式改为“叠加”,加上图层蒙版,用黑色画笔把边缘部分涂掉。五、打开下图
这篇内容将带领大家走进安卓的ui设计,产品的ui设计是否美观影响着用户的体验度。因为是初学,再加上我的审美也比较差。这里就没有贴出我的一些demo的界面了,可能比较丑。虽然不懂得设计,但要懂得怎么去操作。比如,明天公司的美工给了你一些材料,让你写一个界面出来,我们要知道在什么时候使用什么布局,每一个控件的宽高,位置这些应该怎么去设置。(这是对于普通简单的控件而言) 还是一样的,我先把这篇博
设计图 尺寸宽度750px为例://选中icon尺寸162px*162px<img src="../assets/icon.png">//外边距20px;字体12px<p class="fs12">字体</p><style> html{ font-size: 50px; } .fs12{ font-size: .24rem; } img{ w...
转载 2021-08-12 14:13:37
1213阅读
标注内容:1、文字:大小、字体、粗细、颜色、不透明度2、布局控件属性:控件高度、背景色、透明度、描边和圆角大小3、间距:图标文字列表等都间距、控件之间都距离和左右边距4、列表:列表都高度、颜色、内容上下间距等5、段落:行距6、全局属性:如导航栏文字大小、颜色页面左右边距、默认间距切无法用代码实现的内容需要切,主要切@2x和@3x注意:1、切输出格式:png24位、png8位、jpg3种格式
是一个解决方案:解决了前端开发和UI设置之间的沟通的方案。随着UI设计师的设计工具越来越繁杂,我们不能再像传统的合作模式一样。为了解决这个问题,应运而生。不管设计师用的是什么设计软件,上传到湖上表现都一样。弊端有免费的人数限制,但是咱们人比较多,没办法进入到同一个项目里。所以在下面的学习中,我们需要了解一个设计工具-masterGO设计工具PSSketchFigmapixso即时设计
转载 4月前
149阅读
Android应用UI设计流程设计原理 1、在移动设计中,使用环境是最关键的因素。原型设计方法必须考虑尺寸因素 2、用户测试必须涵盖运动、声音和多点触控等方面: 进行移动设计和测试时,请将你知道的有关与计算机交互的一切都抛到 脑后。与计算机交互时,用户只使用鼠标和键盘,这种大一统模式并不 适用于移动设备。移动时代的一个重要特征是充分利用人体的自然运动: 刮划表示深入挖掘;摇动表示拒绝;将手机
1.Photoshop1.1.实现ui设计图的尺寸、文字、颜色等信息的获取1.2.切操作:启动生成器,勾选图像资源1.3.关联把在ps上完成的psd文件通过关联插件额形式上传到线上中去,同步。然后前端可以在中查看设计图的具体细节数据参数。2. 是一款设计图的共享平台,帮助互联网团队更好地管理设计图。自动生成设计图标注,与团队共享设计图,展示页面之间的跳转关系。
Hey,大佬们,今天也是努力的一天啊!【共享产品文档】自面世以来,为大家解决了很多烦恼,不仅能共享产品文档,还能对文档进行在线评审、历史版本管理等,可以说好评满满~ 但团队觉得这些惊喜还不够!在产品开发小哥哥顶着秃头夜以继日地努力下,【共享产品文档】再次如虎添翼,支持 Axure 文档【历史版本对比】啦!!!内测群中发来贺电,老铁们纷纷双击666 ~ ✨【历
  • 1
  • 2
  • 3
  • 4
  • 5