youngbeom Blog

记录学习、工作、所思所想

应用加载、缓存和刷新状态整理

页面特殊状态的设计

应用加载、缓存和刷新状态整理 单词数量:2381 阅读时间:11m54s 设计目的 为了更加规范页面不同状态的“隐形”交互设计,让页面跳转时信息的接收整理和展示更加的友好。 缓存 app显示的数据除了从服务器获取之外,还有一个数据来源就是本地数据库(缓存),他的存在为我们的设计带来了更多的可能性,我们可以将一些数据进行缓存,本地缓存比服务器请求速度更快,更加能保证应用在一些极端的网...

通过代码层面管理并编辑svg图片-sprites

关于svg格式的学习和应用

通过代码层面管理并编辑svg图片-sprites 单词数量:1360 阅读时间:6m 48s 发现问题:操作不规范导致finder中svg图像显示大小不同 上图是我在管理sprites image时发现矢量文件显示出现问题,我们知道svg是基于xml的代码,出现这个问题的时候最先想到的是表现形式的不同一定是因为内部代码的格式或者是写法不同的,所以用sublime打开两个svg文件,...

sketch设计工作流-利用色板遮罩制作图标嵌套组件

design system

sketch设计工作流-利用色板遮罩制作图标嵌套组件 单词数量:608 阅读时间:3m 02s symbol也就是我们称之为的组件,是sketch中个人认为最提升效率的一个设计了,它将我们常用的设计控件都组件化,方便随时调用以及统一修改,并且可以导出统一的组件给团队内的任何一位设计师,这对版本管理和团队协同效率的提升是非常大的帮助,试想一下如果某个产品功能中有几十个界面中都用了同一个i...

地图UI设计工作流-从mapbox到sketch

设计开发

单词数量:1812 阅读时间:9m 03s 地图UI设计工作流-从mapbox到sketch 前言 因为公司主要产品是一款旅游地图应用-稀客地图 ,每年服务于出境自由行的中国用户,给用户提供精准的导航服务和语音讲解等功能,所以在毕业后到现在的两年时间,除了做产品的交互界面还有其他的一些视觉设计之外,还接触到了mapbox,mapbox是一款非常便捷的地图开发设计工具,除了基础的地图样式设...

不同数据源POI碰撞检测的实现方案

设计开发

单词数量:400 阅读时间:2m00s 问题: 因为现有的地图样式中使用了多种来源的POI数据,所以在zoom值发生改变时无法发生碰撞检测,因此会有POI重叠的现象产生。 上图中显示的是圣彼得堡的世界杯体育场的位置,两个兴趣点(POI)因为没法碰撞检测而发生了重叠。 前期设计: 在设计之初因为了解到这种情况会发生,暂时没有特别好的情况下我们提出了多种解决方案,比如不同来源的数据在ic...

在产品中积极引导用户的文案

用户心理

单词:880 阅读时间:4m24s 主要归纳一下在工作中遇到的一个问题的解决方案 小程序的相册功能 背景:首先小程序中加入相册功能不是设计之初的意图,相册的本意是收集用户上传的带有经纬度的照片来作为接下来应用内的内容积累做工作,初期这个功能的主要目标用户是长期居住在海外的一些种子用户及亲朋好友,利用它们的区位优势,将生活中拍摄的作品上传到内容平台展示给更多的用户,是一种众包的尝试。 ...

稀客旅游电商程序主界面改版

主界面微调及阶段性总结

单词:665 阅读时间:3m19s 设计目标 相比初期的几种商品,现阶段商品数目不断增加,为了更加便利的使用户挑选自己的目标商品,同时增加用户的下单率 目前现状 主界面商品类目比较少 主界面图片大但是图片本身质量并不高 主界面商品价格展现并没有非常大的吸引力 商品在数目增加时用户不方便做筛选 主界面布局 布局的形式选择以slide view的形式进行排布,因为前期几...

利用deck.gl来可视化的方式展现数据

development-上手可视化框架工具:kepler

单词:435 阅读时间:2m 11s 了解deck.gl 首先我们需要先了解一下什么是deck.gl,它是Uber开源团队开发的一款基于webgl的大数据二三维可视化框架,他可以用不同类型的可视化图层,包括热力图,点图,蜂窝柱状图等,将数据以可视化的方式展现在地图中,地图支持导入mapbox的底图,也就是说地图的样式也可以通过mapbox去设计,你可以设计各种炫酷配色的底来展现数据。 了解...

maputnik V1.2.0地图编辑器热力图更新

development-体验maputnik V1.2.0新版本编辑器更新的热力图feature

heatmap layer type added 四月份maputnik团队在GitHub上发布了新的V1.2.0版本的maputnik editor,在这个版本中最主要的也是最亮眼的功能就是能够将数据以热力图的模式展现出来, 如何在新版本的编辑器上使用热力图模式 截止目前maputnik团队只是在GitHub上托管了他们的代码,网页链接也是github pages的链接,以使用体验来讲...

【竞品分析】稀客社交电商的分享机制及动机

分析电商类应用的分享方法及渠道

单词:1399 阅读时间:6m30s 作为想要做微信小程序电商的任何一个设计师都逃不过的一个话题就是分享的机制要如何做?在工作中分析了几种小程序电商的一些分享机制和移动端app的典型分享机制来做一个探讨,以及构思稀客旅游电商小程序的一些分享机制。 拼多多-拼多多的目标用户主要是二三线城市甚至三四线城市居多的购物平台,应用上线不到一年就已经突破单日成交额1000万,区别于其他电商的...