Aure 教程:带拖动轨迹的图标菜单设计

之前在网上看到一款可以任意拖动的图标菜单,效果很是酷炫,于是想用Axure去实现它,经过一番尝试,效果还是很理想的。话说什么是带拖动轨迹的图标菜单,我也说不清楚,请看下面的效果图吧。(点击预览)一、原型解析首先,这个菜单由五个图标组成,一个主菜单图标,四个二级菜单图标;其次,点击主菜单可以弹出或收起二级菜单;再次,拖动主菜单图标时,二级菜单图标会跟随主菜单图标移动并形成运动

创业团队如何做年度计划

编者按:本文作者陈金洲,金数据创始人,AdMaster副总裁,本文首发于他的微信公众账号「米高说」。本文长达7133字,阅读至少需要20分钟。请准备好时间再阅读。处于种种原因,大部分创业公司的创始人在做计划方面都很草率。虽然理解到创业团队所面临的内外部环境复杂,对于创始人尤其是初次运营公司的创始人不论是知识还是心智准备不充分,加上偶尔来添乱的董事会, 「计划」这件事会变得更

为什么腾讯总能做出好产品?

一个公司做过的事情中,可能有很多事情都不靠谱,但是关系不太大,一件事情成功后,做的所有事情加在一起就很有价值。所以,最重要的问题就变成:如何保证那件至关重要的事情能做成功,而且是在公司内部成功。在互联网行业,一个公司可能同时在做好多件事情,每件事情上平均花的力量也差不多。但是,要想让做的每件事情都极其成功,是不大可能的,只要这些事情中有一件事情成功,就足以带起整个公司。在腾

移动端下拉表单的更好选择

在表单中使用下拉菜单看起来并不重要:它们在用户界面上占用的空间不大,它们自动验证输入,所有浏览器和平台都可以支持它们,它们实现起来容易且方便,用户知道它们的好。在表单中使用下拉菜单看起来并不重要:它们在用户界面上占用的空间不大,它们自动验证输入,所有浏览器和平台都可以支持它们,它们实现起来容易且方便,用户知道它们的好。同时,根据Luke Wroblewski 和一些人的说法

电商产品设计概要:一款完整的电商产品都涉及哪些内容?

本人非常喜欢电商行业,渴望在电商领域有大的发展,虽然说电商产品经理所处的位置比起其他领域的产品经理会稍显尴尬,当然那都是后话了,现在步入正题。首先,电商?相信大家都有在电商平台上购物的经验,我们通过电商的网站或者App直接进行下单购买后在家等着收快递,就这么简单?其实电商产品里面包含的学问是非常广泛的。电商平台的优越性就是你无时无刻都可以购物,不受品类、地域、时间限制等等。

iOS 应用中常用的临时层归纳

很多组件功能有重叠,使用的规则边界不甚明显,有些可替换使用。具体使用何种形式,需要结合自己的产品和业务目的决定。临时层是什么《支付宝体验设计精髓》中根据页面元素的稳定性,将页面元素归纳为5个不同的层级,临时层指那些在页面中默认隐藏,需要时再展示的元素。临时层包含弹窗、Toast提示、浮层弹窗、操作列表、全屏弹窗等,每种组件都有其适用的使用场景,合理的使用,能提高用户效率和使

电商产品设计:谈谈促销功能的实现逻辑

在这篇文章中,笔者总结了设计电商促销系统的基本原则,并对这一个原则在实际使用场景中的要求展开了进一步的分析,一起来看看。京东618大促落下帷幕,伴随着1199亿元的销售业绩令人瞠目,如此庞大的促销活动,是如何做到的?如果一个商品既参与了特价销售、又参与了平台跨万店满减、还参与了店铺内的优惠券减额等等促销活动,那这个商品会不会存在不要钱白送的情况?当然,你可以认为笔者在杞人忧

大数据装逼指南:你所看到的全是假的

我想通过这寥寥数语告诉你,那些看起来很牛叉的各种分析文章,是如何在30分钟内炮制完成的每次一有热点事件,就会出来一大坨《大数据解析XX》《大数据还原XX真相》《XX到底如何,大数据告诉你》…我都没眼看了。因为这种文章技术含量很低,30分钟一篇无脑撸。大数据装逼,分三步。一、选个好题目二、挨个打开网址、截图、假模假式的分析两句三、留个开放式结尾下面我示范一下:选个好题目题目一

策略 5 律|用活了第 1 条,你可以忽略其余 4 条

本文是「SDi传播策略」的第3篇,本系列关注“传播策略设计”。在上篇文章里,我们向大家介绍了进行传播策略设计的SLTC法则,以及第一步——“势”;接下来向大家介绍该法则的第二步——“律”。本文想讲述SLTC法则的第二步“律”。营销人在制定传播策略前,应该先了解品牌面临的3种“势”(内部情势、外部形势与总体趋势)。接下来,就能马上进行策略设计了吗?答案是肯定的。对资深营销人来

遇见大数据可视化系列文章(3)来做一个数据可视化报表

上篇文章简单的介绍了数据可视化的基础,将数据进行设计可视化后,可以让我们有一种全新的方式去认识数据,改变对数据的呈现和思考方式。那现在就让开始做一份数据的可视化表,一步步的来看下我们如何获取数据,以及如何进行可视化的展示。在上章内容中,提到了关于【数据可视化迭代过程】的步骤,这也能看出整个过程包含的步骤,大致有:确定主题数据获得图表选择(表达)图表绘制当然了我们也可以看到可

特殊情况下的 APP 设计(5):最全的临时框设计

一共有五种临时框:警告识图,操作菜单,全局模态,Toast,SnackBar。知道这五类临时框的作用与特点,就能在设计APP临时框时做到心中有数,游刃有余。智能手机经历了十年的发展,目前市场上主流的移动端操作系统只有两个:Android和iOS。智能手机的硬件和软件已经同质化很严重,所以我会把Android和iOS的临时框放在一起讲,因为站在设计的角度,它们的界限在变得模糊

用研小偏方:以跨境电商为例,看定性人物角色的创建过程

有人会说人物角色没有什么用。如果你只是把人物角色创建出来,没有让它参与产品设计、推广等决策中,它确实没有用。它不是针对一个明确问题的一个具体解决方案,但是使用它能使得你在面临具体问题的时候有的放矢。1What 什么是人物角色人物角色(Persona,又称用户画像,用户角色)这个概念最早由Alan Cooper提出。它指的是从真实数据中提取典型的用户特征,根据用户的目标、行为

产品设计套路:UI 设计中的“对比”

互联网产品应该做到让用户在短时间内就可以获取到他们期望的信息,找到他们想要使用的功能。UI设计的最终目的就是为了更好的展示产品的内容,让用户可以更好的接受。与传统媒介相比,互联网产品所包含的内容更多,而且更加复杂。以书籍为例,我们读书都是一页一页的翻,一句一句的读,不能跳来跳去。但是对于app和网页来说,我们无法期望用户像读书一样来使用你的产品。这样不现实,现在是快速读图时

Mockplus 教程:分分钟搞定 APP 首页原型设计

Mockplus是一款快速原型设计工具,支持包括APP原型在内的多种原型与线框图设计。除了快速,Mockplus广受欢迎更因为它极低的上手门槛。今天小编就为大家展示如何用Mockplus在3分钟内完成APP首页的原型设计,新手也能马上掌握哦!是时候展现真正的技术了! 创建项目打开Mockplus,点击新建项目,选择“手机”项目类型与合适的页面尺寸,点击“确定”即创建成功,是

你的产品,能不能成为她们的一项社交任务

网红经济的到来催生了大大小小的网红,很多普通人为了吸引眼球也是使出了浑身解数,有的整容、有的学习高级化妆术、有的P一张照片可以长达1小时,这一切的一切都是为了展示出最好的一面,也是为了吸粉,而在这背后有着非常成熟的商业模式。网红这个概念不单单指人,还可以是很多种事物。很多商家看到了人们的需求,看到了机会,开始在饮食行业打造网红食品,但从效果来看是极其成功的。人们会为了买一款

全面解析精益生产和精益管理

一、拉动式(pull)准时化生产 (JIT)--以最终用户的需求为生产起点。--强调物流平衡,追求零库存,要求上一道工序加工完的零件立即可以进入下一道工序。--组织生产运作是依*看板(Kanban)进行。即由看板传递工序间需求信息(看板的形式不限,关键在于能够传递信息)。--生产中的节拍可由人工干预、控制,保证生产中的物流平衡(对于每一道工序来说,即为保证对后工序供应的准时

美颜 APP 盛行如风却又陷入了美丽庸俗化

有网民将我国的P图与韩国的整容、日本的化妆、泰国的变性连在一起,并称为新一代“亚洲四小龙”,这一趣味言论引起了网民对美颜APP的热议。段子虽然有调侃的成分,但是美颜的确在中国爆发了。在中国的社交网络平台上,网民乐于把自己略有些憔悴的照片通过美颜APP美化,黑眼圈没了,斑点痘印全无踪影,只剩下白皙的脸庞,还能手动给照片里的自己化妆,一秒钟就能变出一张美照来,还能发朋友圈炫。为

从一次失败的约会谈起,百度地图的体验问题和未来方向

故事就发生在昨晚,几个朋友约了恩施家千金在朝阳大悦城局气吃饭,约得晚上7点见面,7点到了以后朋友微信问千金到哪儿了,千金回复,马上到“陶然亭”站了,应该快到了!跟千金沟通的这孩子是个路痴,但听到“陶然亭”也都差点儿喷出水来。尼玛,怎么跑去陶然亭了?经过反复沟通,千金告诉我们说她按照地图上的线路走的,结果导航到了陶然亭。。。我最开始听说这个说辞不以为然,怎么可能?她用的哪家地

微信 6.5.10 的两个隐藏小功能

微信7月8日又更新了,App Store更新日志显示了2个新功能:可以对视频进行编辑可以设置某条朋友圈的互动不再通知不得不说都是很好的功能,尤其第二条,更是体现了微信对用户痛点的深刻把握。不过 这次版次更新,其实还有两个隐藏的小功能,不知道各位看官对它们的评价如何?已经领取过的红包显示成灰色 删除消息记录时需要二次确认 先来看看如何操作?1:微信好友A给你发了一个红包,你领

UI 设计师应该知道的 17 个 PS 技巧

1. 设置网格线 保持像素完美不在1:1分辨率下也能保持像素完美,可以通过创建网格线来避免虚边的出现。 编辑 > 首选项 > 参考线、网格和切片 保持尺寸为偶数。例如:设置网格线间隔为64px,子网格为64使用网格在画图形时会自动吸附,不是1:1状态下也可以画出完美像素。2 .智能对象和路径的变形(1)将图层转换为智能对象(右击图层 > 选择转换为智能对象),这样你就可以在