- 博客(25)
- 收藏
- 关注
RSS订阅原创 vue之${}拼接字符串
<li class="list-group-item"> <div class="handle"> <a href="javascript:;" @click="del">删除</a> </div> <p class="name"><span>...
2019-11-05 15:05:22
1128
转载 用科学有效的方法解决配色问题
写在前面对于很多设计师来说，配色是一个很愁人的问题。我询问了几位设计师朋友，大家对于如何做好配色都是一知半解，比较好的知道去网上寻找配色方案，用照片的自然色做配色；差些的就是吸取其他产品的颜色，或者是自己凭感觉进行配色。我想说好的配色并不是依靠个人感觉搭配出来的，合理的颜色搭配必定存在合理的配色规律和配色方法论的支撑，下面就分享下几个自己学习到的快速配色方法，希望帮助到配色困难户们。一、了...
2019-09-16 15:31:34
297
转载 编译|一张色环图教你搞定配色
不管是在平面设计或网页制作中，还是在平常生活中的衣服穿搭和室内装潢中，要想打造出非凡的视觉效果，合理的颜色搭配非常重要。下面介绍几种色彩搭配方案供您参考，让你轻易地一靶中的。方案1. 补色搭配（A complementary combination）互补（或称对比）色是指伊登色环上相对位置上的两种颜色，搭配在一起，可以打造活力四射的强烈视觉效果，特别是在颜色饱和度最大...
2019-09-16 14:53:09
283
转载 粒子打散效果
粒子打散效果demo：https://chuyunshi.github.io/Example/chuyunshi-canvas/demo/demo5.html
2019-02-25 17:57:58
218
转载 把AE动画转换成HTML5/Android/iOS原生动画
地址：https://www.jianshu.com/p/0ed53cf891adgithub访问：https://github.com/airbnb/lottie-web设计师在AE中做好动画，导出image，json；接下来我们新建一个网页来播放这段动画。把Bodymovin的GitHub项目目录下的“\build\player\bodymovin.js”和刚刚生成的j...
2018-12-24 10:10:21
3122
1
原创 动画网站
https://www.imabandi.to/ 滤镜https://retold.withyoutube.com/hers-hairys 粒子效果
2018-12-19 11:31:17
236
原创 logo生成网站
https://logotypemaker.com/?utm_source=wechat_session&utm_medium=social&utm_oi=865540825667485696https://www.logaster.cn/logo/https://www.freelogodesign.org/?utm_source=wechat_session&u...
2018-12-11 19:26:33
1621
原创 Svg双色图片应用
解决问题 最早开始使用的图片形式多倍图，一般做2倍，在小分辨率下就很浪费为了挺升用户体验，会分开做几套图片，根据用户的dpi判断加载对应的图片 使用iconfont字体图标iconfont本身就是字体文件，会矢量适配各种不同dpi。支持单色，变色填充但是在PC上当图标小于等于16px时，或者复杂度高的图标会出现比较严重锯齿，图标无法展示清晰，特别在chrome下的表...
2018-12-06 11:33:45
609
转载 动态换肤
因项目需要，对项目内的页面需要进行动态换肤。网上找了些通用解决办法。核心问题：如何能快速的切换主题色？(只有固定的一种皮肤) 如果又想把主题色切换为以前的呢？（有多种可切换的皮肤） 该以何种方式编写标签的css属性？这里分享下两种情形：1、所有样式的css模版都在项目中，根据不同条件，在body层添加皮肤class，通过引用不同的样式文件，来显示不同的皮肤。2、把涉及到换颜色...
2018-11-12 11:31:24
166
转载 对比这10个注意事项，你的网页文字排版达标了么？
编辑 : 陈子木 阅读本文需 8 分钟优设投稿入口对于网页而言，视觉信息的传达至关重要。用户通过页面获取信息，文字、图片、图标、按钮、表单等UI元素都承载着不同类型的信息。在这其中，文字的作用尤其巨大。排版设计的时候，对于文本内容的处理，占据了相当大的比例。虽然网络上，信息呈现的方式多种多样，但是依然有超过9成的信息是通过文本来传递的。良好的排版设计能让阅读成为一件愉悦的事情，正如同 Olive...
2018-07-03 16:01:04
1766
原创 TOB产品的设计认知
作为一款TOB的产品，除了考虑正常的用户体验之外。还需要精确考虑到使用人群（特殊人群老人，小孩，残疾人等），使用场景（物理设备）等的限制。遇到与通用体验相冲突的地方，需要权衡而做，这里举几个觅影项目里面的体验思考1、作为给医生通用的标注平台，我们一般在设计弹层时，考虑的是统一性，宽度，高度统一；多余内容滚动条显示但这里有个点，使用这个系统的医生都是资历比较老，年龄偏大，对互联网认知不是特别强的人，...
2018-07-02 17:50:40
1352
转载 图标的统一性
1）大小的统一在网页设计中图标的主流尺寸有16×16, 24×24, 32×32, 48×48, 64×64, 96×96, 128×128, 256×256, 512×512。iOS上，苹果建议44x44pt作为最小的点击目标区域。但实际中，ios和安卓正常出一个设计版本，俩者结合我们在2倍图下最适合的大小为48*48px。ios功能图标其他尺寸为48加或减4的倍数；安卓android功能图标其...
2018-06-27 11:24:54
1722
转载 全面解析：就诊预约应如何设计？
一、设计背景刚跳槽到一家互联网医疗公司，所在部门做诊所线上管理软件，主要功能：预约、医生看诊、随访、健康管理、患者维护等。我们的目标是：让医生以最便捷的方式完成患者的看诊，数字化管理诊所，做好患者维护和定向营销，实现诊所的收益提升。那么，我们就拆解到小模块去看功能的实现吧。今天就来谈谈预约。其实，预约一点都不好做，它是我们讨论最多的，但也是争议最大的，直至最后，也没有完美的方案，只能说是满足大部分...
2018-06-27 11:05:32
1766
转载 从设计到开发上线中，产品的一些基本原则
身在创业团队中工作，讨论与意见分歧是不可避免的，最近在进行复盘的时候，我发现讨论通常会分为两种：一种是针对于模棱两可的问题进行进一步的明晰与界定，这种讨论往往是有积极意义的，会促使团队成员深度思考；另一种是讨论往往是针对于产品细节可A或可B的意见分歧，这种讨论会浪费大量的时间，并且在很多时候是无意义的。进一步分析第二种讨论，我发现原因是团队内部对于一些基本的产品原则模糊不清，每个人都会有不同的产品...
2018-06-27 10:56:00
224
转载 设计赋能商业
一、商业本质对于以经济利益为最终指向的企业机构来说，商业的根本目的是用有限的资源创造最大的利润。那么排除税率因素，获取最大（净）利润可通过增加总收入和降低总成本来实现。总收入主要来自企业提供的产品服务，而总成本则来自人力、运营、硬件、产品等。行业影响力是每个企业的潜在价值，是企业获取优质资源的有力背书，提升影响力应是企业在商业规划中的重要一步。对于行业内的头部公司，可以相对容易获取优质资源和低成本...
2018-06-27 10:50:33
641
转载 30秒电梯演讲
陈述一件事情的两个核心要点：1.了解对方需求；2.结论先行。就年终工作总结来说，领导的需求是看你是否有创造价值的能力。而“结论先行”就是我今天要分享给大家的表达技巧！第一种：30秒电梯法这种介绍产品的方法有一句通用的模板：______提供______帮助______解决______，达到______。虽然只有一句话，但是考验的是各方面的能力：产品目标、目标用户、用户痛点、解决方案。套用这句模板，可...
2018-06-25 14:08:41
3978
转载 以数量换质量的5G时代要来了
5G手机要来了！谁是下一个诺基亚？“4300万个模拟手机用户，这个市场错不了。”在1G向2G过渡时期，摩托罗拉一位高管在面对数字化威胁时毫不在意。“我们并没有做错什么，但不知道为什么，我们输了。”在3G向4G过渡时期，诺基亚手机未能把握智能机时代机遇而衰落，前诺基亚CEO在公司并入微软的记者会上说了这句话。你还记得“手机中的战斗机”吗？当年这广告词牛逼到赵本山拿到春晚。波导曾多次荣登国产手机销售冠...
2018-06-25 10:26:25
647
转载 把脉PICK老中医
一、人造皮肤青春永驻，长命百岁，健康相伴的秘密？如何才能永远让自己的皮肤光滑又细腻呢？答曰：人造皮肤。皮肤不仅仅是为了覆盖我们的肌肉而存在，它也是一种非常有用的传感材料，打造有触觉的人造皮肤，而这种“人造皮肤”本质上其实是一种独特的电子元件，它利用敏感的电子材料制成，可以被拉伸，能够感受到微小的压力带来的电流变化。数年后，也许你的生活将是这样的：你脸上的皮肤自然细腻，能够感受春风的吹拂；你手臂上的...
2018-06-22 10:40:17
280
转载 术语小抄中
1、SKU- stock keeping unit 库存量单位2、GMV- gross mercharidise volume 成交总额（一定时间内）3、ASO - 应用商店的优化，类似SEO搜索引擎的优化4、CAC-customer acquisition cost 用户获取成本（寻找最优化渠道的引流模式，每个渠道每个时间段都用用自己的CAC）5、LTV- life time value 用户的...
2018-05-18 10:12:42
187
转载 呜莎呜莎心理测试
两手交叉，左拇指在上是右脑思维者，右手拇指在上則是左脑思维者。这并不一定具有准确性，而是讲述的一个统计规则。左脑思维者偏理性，逻辑比较强，适合做科学家、工程师之类；而右脑思维者比较具有创造力，适合做艺术家、音乐家。将“动作1”和“动作2”的结果（共两个字）顺序组合起来，就可以得到测试结果啦。例如：你是一名女孩，做“动作1”的时候，得到结果“呜”，做“动作2”的时候，也得到结果“呜”，那么就请查看答...
2018-05-07 16:24:29
7102
转载 设计师自我提升三部曲
1. 分析用户需求分析用户需求可能大部分设计师都觉得这是产品应该干的活，我自己会画图就行了。但是如果不会分析用户需求会制约设计师的进一步发展。我先来举个例子，大部分人在节假日期间经常会遇到买不到票的情况，这个时候一些人会选择上车补票的形式。比如你要买南京到上海的火车票，但是发现直达的没有了。你只能买到常州或者苏州然后上车补票，这就产生了一个需求——给用户展示途径站点。我的确也收到这样一个反馈。如何...
2018-05-03 10:55:28
310
原创 无障碍AI
周末，偶然了解到AI鼠标。AI技术无处不在。对于残障人士来说，无障碍AI的开放，残障人士将成为受益者。在互联网上，确实有这类公司在研究这个小程序“多媒体AI平台”上线“无障碍AI”入口.一、图片转语音将图片中的内容有逻辑地组织成语言展示给调用者，能够帮助障碍用户阅读图片二、语音合成定制化地将一段文字以特定角色诵读出来，并支持情绪调节便于用户更加无障碍地体验文字转语音场景服务三、OCR识别用户在生活...
2018-05-02 16:51:22
1111
原创 区块链+自媒体
对于内容传播，我们可以大致分为几个阶段：古代：靠喊、靠叫、靠飞鸽传书现在：电报、电话、PC、手机，手机，VR眼镜不同信息传播导致出现不同的商业模式。1995年互联网刚新起的时候，当时信息传播就是这样，一个非常中心化的结构，一个网站，很多用户，当时深圳之窗、新浪、搜狐、网易都是这样的，那个年代就是靠卖广告一点对多点的商业模式。 后来发展下去，到了后来开始有微博、有自媒体出现，那个时候信息怎么传播呢？...
2018-04-26 10:00:56
931
转载 ”左行右立“折寿探秘
一条自动扶梯分为左右两侧，乘客自觉站在扶梯右侧，一些行色匆匆的人则通过扶梯左侧，快速通行。在高峰时段的地铁自动扶梯，这样“泾渭分明”的画面，每天都在上演。近日，广州地铁集团公开发布信息称，不再倡导行人在自动扶梯“左行右立”。新京报记者从广州地铁集团办公室获悉，长期“左行右立”带来自动扶梯受力不均匀，影响使用寿命。此外，从消除安全隐患的角度来说，市民不应在自动扶梯上走动，“如果赶时间，应该走楼梯”。...
2018-04-26 09:59:14
167
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人