前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >想法阶段

想法阶段

作者头像
Fred Liang
发布于 2018-07-06 10:27:38
发布于 2018-07-06 10:27:38
53600
代码可运行
举报
文章被收录于专栏:Fred LiangFred Liang
运行总次数:0
代码可运行

想法阶段


1.To-Do-List + Get-Things-Down类型

1)用户痛点

现有产品无法很好得进行添加 国内的类似产品无法进行定位来提醒用户 对于一些懒癌患者通知方式单一,比如短信,甚至电话

2)产品定位

3)解决措施

4)竞品分析

5)初步流程



2.具有版本控制的设计图源文件储存平台(不局限于UI领域)


代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
  Slogan: Focus On Design

1)用户痛点

  1. 目前市场上没有设计图进行版本控制的软件(尤其国内传统设计企业)
  2. 使用文件夹进行版本控制实践起来过于麻烦,无法进行同步
  3. 没有一个比较好的workflow
  4. SVN成本很高,不适合一般企业

2)产品定位

  1. 设计图版本控制
  2. 设计图不同***分支之间比较***
  3. 快速高效进行团队(程序,厂家等等)合作
  4. 设计图快速***发布,投票,评论***
  5. 设计图分享,UI内测,UE统计,交流社区
  6. 概念设计探索,获得***用户反馈***
  7. 设计图的打印
  8. 被删除文件的恢复以及索引
  9. 读写权限控制

3)解决措施

  1. 进行设计图的版本控制
  2. 形成社区进行设计师之间的交流,促进设计水平
  3. psd,sketch,ai直接生成预览图
  4. 直接的图形化按钮操作,避免学习曲线陡峭
  5. 不用节点的设计图比较
  6. 与其他平台兼容:github, tower, etc

4)竞品分析

  1. Github:针对代码,实际设计图体验很差,学习曲线陡峭
  2. 白板(国内,有基础,还没有开始体验)
  3. Designboard(关闭注册)
  4. Folio(设计不怎么样)
  5. Pixelapse被Dropbox收购
  6. Invisonapp(产品很成熟) 有以下公司在使用他们的产品

视频网址

  1. Eagle定位设计师的素材收藏和管理工具
Eagle功能特色
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
  1.浏览器收藏工具:安装浏览器插件,迅速将网页上的图片、整页截图收藏到 Eagle 中。
  2.多人协同管理:搭配团队使用的云端网盘,与团队队员一起收藏共用灵感;
  3.自动输入标签:让你为文件夹设置特定的标签,未来添加灵感时将自动为灵感补上这些标签;
  4.使用颜色过滤内容:色彩搜索让你从茫茫的灵感库中找到那些红色的设计,让你更快找到有用的灵感;
  5.屏幕截图:使用eagle截图工具,快速捕捉屏幕上任何灵感,所有保存下来的灵感,都可以快速进行整理与分类。6.Pinterest 内容汇入
  6.想法标注:帮助你标注灵感上的特色与想法,轻松与团队其他成员一起共享。
        在「团队」使用情境,也有许多需求是需要被解决的,像是有效的设计团队素材共用与管理、个人收藏的素材在多台设备的同步、不同平台的支持同步(Windows/Mac)、想法标注与说明。
  
  在「整理图片」的时候,你可以使用「自动标签」功能省去80%输入标签的时间,你也可以使用「快速切换分类(类似 Alfred)」功能,迅速接换到特定的分类资料夹。
  
  在「收藏灵感」的时候,当灵感突然出现在眼前时,「屏幕截图」功能可以帮你随时捕捉,在逛网页的时候,「浏览器插件」也能迅速收藏出现在网站上的图片,希望将整个网站画面截取收藏下来,也可以一键直接收藏「各种尺寸」的截图。
  
  在「UI 设计」的时候,你可以透过「Sketch 元件收藏」功能直接将过去你在 Sketch 画好的各类元件存到 Eagle 中,在未来在使用类似的元件时,直接拖曳就可以使用,设计团队也可以使用 Eagle 来管理团队的设计元件。

5)相关信息

  1. SVN介绍
  1. 链接
  2. 知乎评论:工程图纸如何做好版本控制?
  3. 快上车!UI设计师常用的 版本控制工具有哪些?
  4. 设计师的版本控制-Sketch git插件的使用示范

6)初步流程

7)实现可能性

通过 imagick 让 PHP 生成 PSD 文件缩略图 Github 多种格式导出:density-converter(重要!!!!!) [Scripts to export your Photoshop document to a PNG at 2x and 3x](Scripts to export your Photoshop document to a PNG at 2x and 3x)(重要!!!!!) 可行性高

8)设计参考

版本控制的直观视图

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
手把手带你撸一个网易云音乐首页-工具篇
俗话说的好:工欲善其事,必先利其器。作为一名程序员,写代码的能力固然重要,但光会敲代码可就太偏科了,所以我们要学会利用身边现有的高效率开发工具来协助开发工作,达到事半功倍的效果。截止到目前,我已经写了4篇实现网易云音乐首页的教程,链接如下:
HelloWorld杰少
2022/08/04
8320
手把手带你撸一个网易云音乐首页-工具篇
使用宝塔面板搭建PicHome一款私有化的个人团队公司,展示您的图库
PicHome是一款功能强大的开源网盘程序,它不仅能高效管理各类文件,还在图像和媒体文件管理方面表现出色。其亮点包括强大的文件共享功能和先进的AI辅助管理工具,为用户提供了便捷、智能的文件管理体验。
哈德森sir
2024/06/23
6090
使用宝塔面板搭建PicHome一款私有化的个人团队公司,展示您的图库
赋能开发者:Adobe创意工具如何重塑云端开发新体验(附PS丨PR丨AI丨AE等下载地址)
在DevOps流程中,设计资产的管理长期处于"薛定谔的猫"状态。开发者接收的PSD文件可能包含30个未命名的图层组,SVG代码里混杂着设计师临时添加的注释标记。Adobe Experience Manager与腾讯云对象存储的API级整合,让设计资源库实现了原子化版本控制。每个UI组件都携带元数据指纹,在Jenkins构建时自动校验版本一致性,将视觉还原的熵值降低89%。
用户11428407
2025/02/25
1160
赋能开发者:Adobe创意工具如何重塑云端开发新体验(附PS丨PR丨AI丨AE等下载地址)
UI设计师必备的五款界面设计工具
在前几篇文章中,我们分享了一些最受欢迎的原型设计工具,今天我们来谈谈界面设计工具。工具的重要性对于设计师来讲不言而喻。任何想法都需要借助工具来实现。想要成为一名出色的UI设计师,你需要多掌握一些技能,才能增强自身竞争力。同时也给那些想转行做UI设计师的朋友一些工具建议,接下来我们就来盘点一下那些UI设计师需要掌握的界面设计工具。
奔跑的小鹿
2018/08/07
3.6K0
UI设计师必备的五款界面设计工具
全栈设计师必须拥有的Mac软件推荐
全栈设计师的内涵中,并不是要求设计师什么都懂,严格意义上讲,它指的是掌握多种技能,并且能够运用多种技能来独立完成设计作品或者产品开发的人。
奔跑的小鹿
2019/11/27
1.2K0
全栈设计师必须拥有的Mac软件推荐
个人常用设计类网站汇总分享
由于自己偶尔会写一些微信公众号的文章,同时在学习ps的过程中也遇到一些不错的网站。这里总结下来,希望对大家有帮助。推荐的只是网站,有大量优秀的客户端设计工具,后期再单独分享一期。
兔云小新LM
2019/10/22
9510
个人常用设计类网站汇总分享
16款值得一用的iPhone线框图模板 (PSD & Sketch)
在任何网站或移动应用设计的过程中,线框图作为设计元素和功能的图示,它有助于帮助定义和更好地传达信息层次结构,让参与设计和开发的人员更好的理解设计师的思路和设计的功能点。
奔跑的小鹿
2019/01/24
2K0
16款值得一用的iPhone线框图模板 (PSD & Sketch)
极速打工人|设计效率神器合辑
导语 距离业界首次提出“全链路设计师”这个概念已经过去了几年,从称谓的变化我们就可以感受到设计师这一角色职责的变化。在近几年的产品设计工作中,我们和上下游之间的协作越来越紧密,介入阶段越来越往前,新的趋势对设计师也提出了更高的要求,包括更深入的产品思考,对用户的时时洞察,高效的沟通合作,以及细致的质量把控等等。那么如何成为一个全能型的互联网设计师呢?本文以日常工作流程为路径,为大家整理了一波实用小技巧和小工具。希望能够帮助大家在保持设计的专业度的同时,在工作的方方面面都能够得心应手。 Phase
腾讯ISUX
2021/06/23
6500
在这个行当,不做程序员也得懂技术
声明: 本人是程序员,截止到目前,我用的设计都是自己设计的,我用的产品策略都是自己的思考。 本人并非专业设计师或 PM,如果勘误,欢迎指正。 本文并非对设计师和 PM 的吐槽,但如果您觉得您作为设计师或 PM 或其他职业者被冒犯了,我只能说我并无此意,请您立刻关闭此页面。
KyXu
2019/04/11
5030
在这个行当,不做程序员也得懂技术
设计图都不会画,还想做”架构师“?
什么是系统架构师? 系统架构师是一个既需要掌控整体又需要洞悉局部瓶颈并依据具体的业务场景给出解决方案的团队领导型人物。一个架构师得需要足够的想像力,能把各种目标需求进行不同维度的扩展,为目标客户提供更为全面的需求清单。 架构师在软件开发的整个过程中起着很重要的作用。 如何才能成为系统架构师? 首先必须具有丰富的软件设计与开发经验,这有助于理解并解释所进行的设计是如何映射到实现中去。 其次要具有领导能力与团队协作技能,软件架构师必须是一个得到承认的技术领导,能在关键时候对技术的选择作出及时、有效的决定。 第三
互扯程序
2018/03/26
27K2
设计图都不会画,还想做”架构师“?
从设计到开发的完美交付(工具篇)
设计交付对于UI设计师来说是一项必要的工作流程,设计交付影响着界面的最终实现和各尺寸适配效果。那么如何做好从设计到开发的交付呢?本文就教一教大家,如何用工具帮助完成从设计到开发的完美交付。
奔跑的小鹿
2019/03/11
2.1K0
从设计到开发的完美交付(工具篇)
前端工程师如何干掉设计
前端是一个承上启下的职位,正因为其位置的特殊性导致其必须了解设计和后台的一些基本知识。本文并非教大家如何取代设计的工作,而是讲解前端如何更快更便捷的实现一些简单的设计任务,在没有设计师的情况下如何利用工具解决UI呈现的问题,让工作事半功倍。  Photoshop使用   大多数前端工程师都有过切图的经历,也就是将设计师制作的PSD等格式的图片按照需求切成项目需要的大小并实现页面的呈现,那么作为一名合格的前端工程师,我们有必要了解并熟练的掌握Photoshop的一些功能,下面介绍下几个实用的Photoshop
用户1667431
2018/04/18
2.2K0
前端工程师如何干掉设计
2020年UI设计师必备工具清单
UI设计师一直是IT行业最热门职位之一,因其薪资待遇较高,学习门槛较低而广受欢迎。在百度指数搜索“UI设计”来看,从2012年开始,UI设计的搜索呈明显上升趋势,尤其是在2016年左右出现“井喷式”增长。
奔跑的小鹿
2020/03/20
1.8K0
2020年UI设计师必备工具清单
那些欲罢不能的实用工具
腾讯ISUX isux.tencent.com 社交用户体验设计 古人云:工欲善其事,必先利其器。俗话说:巧妇难为无米之炊。两句话都讲的是,做专业的事,要有专业的工具,保证品质的同时呢,又能提高生产效率。作为一名设计师,同样需要专业的工具输出我们的产品给用户。今天,和大家分享几款小工具,希望能带来一些便利。 Muzli Inspiration 推荐度:★★★★★ 一款设计趋势与灵感收集的浏览器插件(支持 Safari、Chrome)。 类似设计日报的形式,自动抓取各大设计平台最新作品,设
腾讯ISUX
2019/11/28
6980
那些欲罢不能的实用工具
不要再责怪你的UI设计师为什么没有用rp?ps?figma?sketch?xd?如何免费转换非在线工具收费转换-本文将教会你常规ui设计源文件格式相互之间如何转
很多时候,各个设计师的求学之路不一样,生涯的不同造就他们熟悉的设计软件是不一样的,(做前后端的兄弟做设计是真的不得行,这个有点两极分化,理科生很难审美我发现),但是在有的团队中会抱怨设计师为什么提供的不是rp?或者ps? 或者figma?—-很多时候会为难到设计师,这样会影响的内部团队和气,因此现在不管你是开发人员还是设计师只要看了本篇文章都可以解决这些问题了,并且在线工具收费转换效果不一定会很好。
卓伊凡
2025/01/16
2170
网页设计太麻烦
Bootstrap作为针对响应式设计和移动优先的前端web开发,是当下最流行的设计框架之一。使用 免费的Bootstrap UI工具包让原型设计和网页设计变得更加简单。
奔跑的小鹿
2019/06/15
4.1K0
Sketch 和 PS中的设计图如何实现“自动切图”?
切图是很多UI设计师的一项日常工作。平时做完设计图,要将设计稿切成便于制作成页面的图片,并标注好尺寸和间距,交付给前端来完成html+css布局的静态页面,有利于交互,形成良好的视觉感。
奔跑的小鹿
2019/01/24
2K0
Sketch 和 PS中的设计图如何实现“自动切图”?
不能错过的Sketch实用新技巧和资源集锦
Sketch是一款基于Mac的矢量绘图应用。面对着功能复杂繁琐的photoshop,Sketch相比较而言身轻如燕。最近也掀起了用Sketch设计产品原型的热潮,因为用它来画设计稿简直轻而易举,相比于Axure它有更丰富的组件库和更全面的尺寸控制,让我们的原型图更逼真,更有利于交流和前期的展示。 作为目前产品原型设计中的利器,Sketch特别适合移动APP和响应式网页的设计开发。下面我们就来看看Sketch的一些入门指南以及如何利用Mockplus的插件实现交互效果。 一、 Artboard 
奔跑的小鹿
2018/03/16
1.1K0
不能错过的Sketch实用新技巧和资源集锦
真效率神器,UI稿智能转换成前端代码,准确率极高
在日常工作中,诸如像扣像素、调布局这些繁琐、枯燥的体力活都将得到极大的削减,原来 8 小时的工作量只需要 10 来分钟即可完成。
若川
2021/12/01
1.9K0
真效率神器,UI稿智能转换成前端代码,准确率极高
iOS界面设计,12个优秀案例激发你的灵感
总所周知,iOS和Android是当今两大移动平台,前者采用Human Interface Design,后者采用Material Design。作为设计师,尤其是App设计师,总是会在这两者进行设计。如果你的产品能在井喷的App里推颖而出,这一定会是超级棒的体验。你做到了,设计改变生活。
奔跑的小鹿
2018/02/26
1.8K0
iOS界面设计,12个优秀案例激发你的灵感
推荐阅读
相关推荐
手把手带你撸一个网易云音乐首页-工具篇
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验