黑马面面移动页面布局移动端页面开发流程目录规范慕客/切图工具使用步骤适配方案swiper移动端插件swiper应用代码图标字体上传下载码云部署发布静态网站利用git提交网站到码云码云部署发布静态网站提交码云仓库另外的方式代码项目代码笔记图片+文字竖直对齐选择前面三个 移动端页面开发流程目录规范项目文件夹:*** 样式文件夹:css业务类图片文件:images样式类图片文件:icons 字体类
无论你从事任何工作,团队协作的能力都是一个现代职场人所必备的底层技能。软件设计厂商们也都看到了职场人的这一需求,也明白传统软件无法满足这类需求的痛点,因此,越来越多的在线协作软件问世了。 下面要介绍的这6款和UI设计有关的团队协作交付软件就是为此而生的。 1.,你可以无缝产品、设计、研发的流程;设计师能更快交付设计图,产品经理能更直观地展现需求,工程师能省时省力高效编程;因此,使用
转载 2024-01-31 10:34:17
20阅读
使用规范一、插件下载及安装二、团队项目建立流程1、新建团队(横琴人寿)2、新建项目在对应的团队下新建项目例如官微项目,官网项目,i保项目,哆来咪项目3、新建分组在相应的项目下按照功能模块进行分组,例如:投保、家庭权益、服务大厅4、在相应的分组下上传文件文件命名规范:对应的具体页面描述+版本信息例如:尊贵服务-4.2版本(如果没有版本号可用具体上线日期)同一张设计图有可能有多种状态,需要上传
一、Adobe Photoshop二、Adobe Fireworks三、Sketch(Mac版本电脑前端程序员最喜欢的切图工具)四、插件:Cutterman(早期程序员最爱用的插件)(现在企业最流行的插件)地址: - 高效的产品设计协作平台首先我们访问协作网站,初次使用我们需要注册一个账号,并登录。是一个团队写作工具,我们可以再注册的时候看到如下提示框,选择您的岗位角色。可以邀
# 如何在Android中实现“”阴影效果 当我们开发Android应用程序时,常常需要实现一些美观的UI效果,其中阴影效果尤为重要。本篇文章将教你如何在Android应用中实现“”阴影效果,并提供详细的流程和代码示例,助你轻松实现这一特效。 ## 实现流程 在开始之前,先了解一下实现阴影效果的整个流程。以下是步骤概述: | 步骤 | 描述
原创 8月前
78阅读
# Android 375:设计与开发的协同工具 在软件开发领域,设计和开发之间的协作至关重要。特别是在Android生态系统中,设计师与开发人员之间的沟通往往会影响项目的进度和最终结果。为了解决这一问题,Android 375成为了一个不可或缺的协同工具。 ## 简介 是一个专为设计师和开发者搭建的协作平台,它支持Figma和Sketch等设计工具,可以生成可直接用作开
原创 10月前
38阅读
作者简介陈寿纬:Alluxio软件工程师,在Alluxio主要负责数据方案结合、结构化数据与高可用性优化等相关工作。陈寿纬博士毕业于罗格斯大学电子与计算机工程系,专业方向是大规模分布式系统的性能与稳定性优化。王北南:Alluxio软件工程师,也是PrestoDB的committer。加入Alluxio之前,北南博士是Twitter Presto团队的技术负责人,并为Twitter的数据平台构建了
1、架构设计图1.1、系统架构特点微服务设计、前后端分离、高可用、易扩展、易维护、统一配置、令牌限流、服务熔断、链路追踪、docker容器部署、rancher容器管理、自动化运维1.2、系统架构图1.3、总设计思维图1.4、后端架构图2、产品UI——2.1、简介是一款优秀的产品设计写作平台,实现了一张画板展示页面跳转逻辑、设计图历史版本管理、打点评论、自动标注、制作高保真交互原型、团队共享
的标注、切图功能广受好评,正确选择标注尺寸,让设计师与工程师的沟通和协作事半功倍。本期【指北】,将手把手教你如何选择标注尺寸。Step 1 :将设计图上传至湖上传设计图至,单击设计图任意地方,即可打开设计图标注信息面板,查看该设计图元素大小、描边、颜色、投影、圆角、字体、字号、边距等信息。单击空白处,即可关闭标注面板。Step 2 :标注时,正确选择标注单位点击标注面板右上方三角
标注内容:1、文字:大小、字体、粗细、颜色、不透明度2、布局控件属性:控件高度、背景色、透明度、描边和圆角大小3、间距:图标文字列表等都间距、控件之间都距离和左右边距4、列表:列表都高度、颜色、内容上下间距等5、段落:行距6、全局属性:如导航栏文字大小、颜色页面左右边距、默认间距切图无法用代码实现的内容需要切图,主要切@2x和@3x图注意:1、切图输出格式:png24位、png8位、jpg3种格式
转载 2024-05-17 19:31:39
1116阅读
对于file值是只读的,我们没有办法去改变它,不过一些变相的方法还是可以的。 方法一: 上传控件基础知识说明: 上传控件(<input type="file"/>)用于在客户端浏览并上传文件,用户选取的路径可以由value属性获取,但value属性是只读的,不能通过javascript来赋值,这就使得不能通过value=""语句来清空它。
Hey,大家端午假期有小惊喜吗?没有也不要紧呀,最了解你的带给你最好的节后惊喜。“Axure 文档自动绑定设计图”,将产品经理和设计师紧紧地“绑”在一起~设计师根据 Axure 文档完成设计图之后,团队成员需要根据文档对比查看设计图,翻找文档页面对应的设计图非常地浪费时间。于是你开发了【Axure 文档自动绑定设计图】新功能,再也不用在茫茫图海中寻找设计图啦!✨【Axure 文
Hey,大佬们,今天也是努力的一天啊!【共享产品文档】自面世以来,为大家解决了很多烦恼,不仅能共享产品文档,还能对文档进行在线评审、历史版本管理等,可以说好评满满~ 但团队觉得这些惊喜还不够!在产品开发小哥哥顶着秃头夜以继日地努力下,【共享产品文档】再次如虎添翼,支持 Axure 文档【历史版本对比】啦!!!内测群中发来贺电,老铁们纷纷双击666 ~ ✨【历
安装插件点击首页右上角的【下载】图标,打开后,即可下载 Photoshop 插件安装成功后,请重启 Photoshop★ 注: Ps 插件仅支持 Photoshop CC 2015 及以上版本?(下载 Photoshop 插件地址)插件下载页登录打开 Photoshop【窗口】→【扩展功能】→【? 】?image.png输入帐号、密码登录?登录页面选择设计图要上传的团队与项目,
每一年的毕业季都是找工作高峰时期,产品经理、UI设计师这些岗位都会接触到原型设计工具。适合自己的才是最好的! 下文将对目前超火的原型工具进行大对比,快来看看哪一款于你而言才是最好的~Axure 老牌原型设计工具,交互制作功能强大,当然同时也带来了较高的学习成本。设计区域是无限画布,方便给设计稿添加文字注解。在交互效果层面,可以实现非常多条件判断、巧妙运用可以实现更复杂的交互。不过同时也会带来“效率
目录1.前言2.正文3.最后 1.前言大家在实际工作中,有没有用到过呢?是一款产品文档和设计图的共享平台,帮助互联网团队更好地管理文档和设计图。最近两年使用,共享设计图在公司内部已经普及开来。但是,作为前端开发工程师,当我们从湖上下载图片资源时,需要把资源重新命名为合乎项目规范的格式,比如湖上的一张图片名字是“创作.png”,我们或许需要把它重命名为 “create_page_b
  相信各位UI设计师们都知道给设计稿标注是多么痛苦的一件事。将尺寸,间距,大小一个一个手动的画出来,耗时耗力不说还搞得自己两眼昏花。如果有一处标错了前端会一次次的来找自己,和自己确定。这种低效的协作方式,造成了大多数互联网产品设计团队普遍的悲剧:明天要上线,通宵抠细节,吐血调界面,加班今天周老师给大家介绍一个神器,完全释放你的双手。   有一款软件叫“”,可能有些还没工作过的小伙伴们还没有听
以前前端都是拿到psd设计图,需要自己用ps切图,需要自己在psd上面一个个去量设计的大小和间距,而现在一般都是要求设计师把设计稿直接上传到湖上面,通过的标注来写出前端代码。要做到还原设计稿,主要要解决下面这三个问题:元素大小元素与元素之间的间距元素在页面的位置字体元素大小先关注设计图是PC还是移动端,移动端看设计稿是以375px为标准还是以750px宽为标准的设计稿,pc端基本上尺寸144
是一个解决方案:解决了前端开发和UI设置之间的沟通的方案。随着UI设计师的设计工具越来越繁杂,我们不能再像传统的合作模式一样。为了解决这个问题,应运而生。不管设计师用的是什么设计软件,上传到湖上表现都一样。弊端有免费的人数限制,但是咱们人比较多,没办法进入到同一个项目里。所以在下面的学习中,我们需要了解一个设计工具-masterGO设计工具PSSketchFigmapixso即时设计
转载 2023-12-24 19:08:38
358阅读
程序员的日常工作中,好用的工具往往能让我们事半功倍,今天给大家推荐几个提升程序员软技能与效率的必备工具。Adblock PlusAdblock Plus是一款强力广告过滤器,为浏览器拓展程序,是谷歌浏览器一款免费的广告拦截器,去除那些烦人的在线广告。用了这个插件,再也不怕被各种广告闪瞎眼了,而且它也可以帮助您去除其他的东西比如去除所有的跟踪行为。安装方法和上面相同谷歌应用商店搜索安装就可以了,Ad
  • 1
  • 2
  • 3
  • 4
  • 5