首页

QQ和微信的输入栏为什么不一样?

资深UI设计者

很多问题,并没有绝对的标准,重要的是,我们是否有主动去思考其背后的逻辑。

问题一

iOS 13.3 版本的 iMessage 功能原版与新版对比,好在哪里?为什么这么改?

这次 iOS 13.3 的更新点,有一处是对 iMessage 做了优化,这是苹果中国团队一直在着手解决的问题,在 iOS 13.3 上,具体的变化是把信息分为:

  • 所有信息;
  • 已知联系人(与通讯录联系人或曾回复过发件人的对话);
  • 不在通讯录;
  • 过滤信息。

1. 解决歧义

原版的分段控件,显示的是「联系人与普通短信」和「不在通讯录」。

仔细观察的人就会发现,原版的「联系人与普通短信」所包含的信息,其实都不是已知联系人的信息,比如 95595 的通知信息,它本身不在通讯录里,所以按照原版的逻辑,它应该出现在右边的「不在通讯录」里。

但是,它还是在左边的「联系人与普通短信」里。而出现在「不在通讯录」的信息,大部分都是垃圾信息。

所以这里存在一个歧义,就是「不在通讯录」应该改为「垃圾信息」或「过滤信息」,而「联系人与普通短信」应该改为「所有信息」。

于是,新版应该是「所有信息」和「过滤信息」。接着,再从所有信息里区分成「已知联系人」与「未知联系人」,那么这个短信内容就分成了四个模块,分别是:

  • 所有信息;
  • 已知联系人信息;
  • 未知联系人信息;
  • 过滤信息。

这样一来,分段控件就满足不了四类信息的呈现目的,于是用列表就会更直观。

2. 功能解读

用户陌生短信多,对用户干扰大。

通过「联系人是否在通讯录中」来区分短信类型可以有效管理陌生短信。

完全陌生:服务登录和身份认证的短信来源往往不在通讯录中;不完全陌生:在通讯录中的联系人和已回复短信的信息来源是熟悉的。

区别两者的好处是让用户更有针对性地进行操作:

  • 保留:不完全陌生的信息来源会保留;
  • 删除:陌生的信息来源会删除(或查看后删除,如验证码);
  • 已读:在「所有信息/不在通讯录」中浏览短信;

明确操作更有助于对信息进行有效管理,优化存储空间。

总结:

  • 整合简化,满足大部分用户直接查看所有信息的需求;
  • 细化分类,自配置功能,满足部分用户分类处理信息的需求。新的形式只是采用「隐藏」的简化手段承载了额外的分类功能。

结论:提升用户使用效率。

问题二

同是支付功能,为什么微信把收付款统一放在一起,且收款需要多一步操作,而支付宝把收款和付款分开放在首页?

功能点在产品中的层级处理,往往是由产品本身的定位决定的。

大家在思考问题的时候要记住一个原则,拿两个不同类产品做功能对比是没有意义的。

微信是社交平台,支付宝是超级工具,它们的定位不同,讨论说为什么这个是这样,而那个不是这样会显得很片面。

但为了解答这个同学的问题,我还是简单聊下。

收付款功能,对支付宝这个超级工具来说,是最高层级的功能,但是对微信来说并不是(虽然微信支付很棒,但是在微信的产品设计中还是以社交为主)。

另外,这两款产品,熟人之间可以用红包或转账完成交易,所以我们在讨论这个问题之前,得先把前提定为陌生人交易。

平时出去买东西,更多是扫商家打印出来的二维码付款,或给商家扫客户的二维码付款。

在商家场景,客户用收款的情况是很少的,除非出现支付错误,客户付多了。于是商家需要还钱,除了可以让商家操作全部退款,让客户重新支付之外;还能通过客户的收款码,把客户多付的钱,打给客户。

但是这样的场景很少,自然扫一扫和付款码的优先级,会比收款码要高(更不要说扫一扫是天然高优先级功能了)。

而对于支付宝来说,分开呈现可以理解,毕竟产品本身就是支付类工具的定位。而对于微信来说,在「+」里面再放置一个收款码,或者在「我的」里再拆分一个位置出来给收款码,用于陌生人之间的转账交易,显得有些多余,毕竟使用场景太少。

以至于两个都放出来对于社交产品微信来说没有必要,对于支付工具支付宝来讲,也需要将付款放置在收款之前。

重点。

其中还有个核心点是,微信的「收付款」不仅仅指的是收款码和付款码,它们还包括了赞赏码、群收款、面对面红包、向银行卡或手机号转账。

所以对于微信来说,收付款不是一个简单的收付款,而是在定义上,只要跟「收付款」有关的功能的入口。如果你现在方便,再看下它们的排列顺序。

所以,这个功能就不好拆分,一拆分,就不是两个二维码的事情了,而是 6 个子功能的问题。

这也是我前面说的,为什么两个不同产品的功能,不能简单用来对比的原因。仔细分析下就会发现,它们的差异会很大。

问题三

同样是即时通讯产品。微信与 QQ 的底部输入栏为何不同?

在聊天页的底部栏双方的功能承载数量不同:QQ 一共放置了 19 个功能,而微信放了 12 个,其中双方相重合的功能点共 10 个。

两者前 4 个功能基本一致:语音输入、图片、拍摄、表情包。QQ 将「红包」放置在第 5 位,微信则是将「语音通话」放置在第 5 位。

如果 QQ 像微信一样的底部栏设计会导致「更多」中需要放置 17 个功能点,按照现有排布方式会变成 3 页滑动(8+8+1)最后一个功能层级更深,使用率会更低。

总的来说,两者的功能排布所造成的差异可以是以下 3 点。

1. 产品定位

作为熟人社交的微信,与对方沟通的过程中比较注重沟通的效率和专注度,他们的对话往往是有明确主题和目标,希望创造冷静的对话环境。

QQ「每一天乐·在·沟·通」,在强调沟通的同时还突出了「乐」的重要性。

2. 用户群体

微信面向用户,特别中老年人用户,学习成本不能过高,所以在对话时不宜有太多内容,一是容易让用户困扰,二是容易误触。因此需要调性更稳,且懂得克制。

QQ 用户群体较年轻,而且社交群体多样化,因此发表情图片,语音功能变声,相机滤镜表情,红包有不同功能增加沟通时的互动性,同理动态头像(框)以及聊天字体的多样化都能使聊天内容更丰富,在满足基础的沟通交流上还要满足年轻人对于新鲜事物的探索。

3. 功能灵活性

功能在很多时候是需要看战略与方向的,比如 QQ 如果要推红包,就会把红包位置提前。所以 QQ 这样的底部功能在变化上更符合年轻化的气质。

总结:产品的定位和使用人群不同,在功能的表达方式上有明显的不同,QQ 功能更多的是「放」,直接展示功能吸引用户使用,而微信更懂得「收」,弱化次级功能,强化主要功能。

强化主要功能,弱化次要功能,也是提升用户体验的方式。

延展阅读:

问题四

有两种七日签到的机制,一个是连续签到,比如百度网盘。另一种是按自然周来算,比如掌上生活。作为 7 日签到功能,分别用这两种显示方式的原因是什么?

签到功能是通过虚拟或实际的奖励,提升用户的活跃度、增强用户粘性、提升登录注册转化率等等。

7 天连续签到。

连续签到的目的是,通过奖品价值递增,调动用户连续登录的积极性,提升产品日活情况。

这里的关键点有两个,一个是天数,一个是连续的。

7 天对比 1 个月,在时长上能被用户更好接受,虽然最终奖励不同,但积极性来说前者会更好,毕竟更容易完成。除非,最终奖品是超出预期的。

连续的话,譬如用户忘了或有一天不想签了,那第二天进来又成了第一天签到,于是索性就再也不参与了。

所以这类工具产品通常会把最终奖励设计得比较诱人,连续签到天数也设定得少一些,以此来提升用户粘性。

自然周签到。

自然周签到的好处是,即使有一天忘了签到,也不影响后面几天,且更便于系统发放奖品。

比如周一用户忘了签到,周二再来,还是可以对周一做签到操作,只是周一的签到奖品拿不到了而已。不过有的产品能通过补签卡来解决这一问题。

另外,用户每天来签到,看到的都是系统设置的当天发放的奖品,比如周二来签到的都是送圣诞帽,这样管理员可以根据预算情况、节假日、热点新闻等因素,来实时设置每日奖品的类型,与被领取的奖品数量,对运营工作来说会更灵活。

而像 7 天连续签到那样,每个人签到的天数都是不一样的,那么奖励也就不好评估。以至于连续签到奖励大多是积分等奖品。

问题五

排行中展示数据的动态变化有什么作用?(新热点、趋势)

  • 用户:增强用户对部分数据的活跃度感知,帮助用户筛选决策信息。
  • 产品:展示数据的热度指标,可以渲染烘托参与气氛,增加信息的真实性,吸引用户查看,起到导流的作用;引导用户查看排行中头部数据外的其他数据,对高热度内容产生兴趣,起到分流作用。
  • 问题:为什么淘宝热榜中展示了趋势信息,但是微博实时热搜榜却没有?

更换频率差异。

微博实时热搜榜更新快,只需要根据排行就可以清晰了解信息热度,趋势的显示意义小;而淘宝热榜更新相对较慢,为了引导消费,所以提供了趋势指标帮助用户决策,上涨的趋势会起到「大家都在买」的心理暗示作用,刺激消费者点进去看看。

产品特异性。

用户对话题排行敏感,有明显下降趋势的图标,对控制舆情不利;对于淘宝热榜,商家和用户都需要知道更准确的搜索倾向,即上升下降趋势,了解商品热度。

文章来源:优设    作者:呆总丶

如何品牌IP化设计?

资深UI设计者

品牌 IP 化最大价值在于:通过挖掘品牌的人性,赋予性格、文化、价值观更像一个有血有肉有灵魂的人,通过持续的内容生产,吸引用户参与,进而使用户产生精神共鸣,在与用户产生关系的过程中给予情怀和温度、最终实现商业价值。

IP 是什么?

IP 在百度上解释为:(Intellectual Property)知识产权,指的是通过智力创造性劳动所获得的成果,并由劳动者享受成果的专有权利,是一种无形财产。现在市面上见到的 IP 现象呈现出来的是一种新商业现象、新商业模式、一种新的思维方法,比如我们见到的漫画、电视剧、明星、小说、游戏等……

用一句话解释:IP 就是自带流量、散发魅力、可以吸附粉丝、商业转化。

品牌IP化的现象

十多年前,品牌设计被叫做企业形象设计(VI),他的基本要素就是:企业 logo 图形、标准字、辅助图形、吉祥物设计等。设计师通过创意设计出简洁生动的图形传递品牌的形象,这个图形就像一个符号占领用户的心智。

企业的最终是要售卖产品达到盈利的目标,就要投入大量的成本去各种渠道推广品牌形象,比如灯箱广告、电视广告、车体广告投入等,以保持品牌曝光度。

1. 品牌IP化

近十年来,在早期一些互联网品牌变化中,我们发现京东、天猫、当当、国美……很多品牌都在打造动物形象。

从 2016 年开始,各个企业的品牌设计出现的一些新的方向,他们打造符合品牌的 IP 形象符号或者 IP family,比如知乎刘看山、 AcFun 的 AC 娘、哔哩哔哩的 2233 娘、QQfanmily、MTfamily,用一些傻呆、萌、贱、骚等个性鲜明的形象吸引粉丝,获得用户对品牌的好感度。

傻呆、萌、贱骚的个性IP形象:

IP族化:

品牌与品牌IP化的区别

从过去品牌设计发展到如今品牌 IP 化后,品牌逐渐变得有温度、有人格灵魂、更容易互动了。

1. 从理性功能定位转变到情感精神寄托

品牌设计在推广中强调的是产品功能,属于漏斗式输入。而品牌 IP 化追求的用户对价值和文化认同,提供给消费者的是一种情感的寄托。比如《故宫》不再是过去威武严肃的印象,以俏皮、卖萌的周边形象深受年轻人的喜爱,故宫的文化、传统元素也找到了新的传承渠道。

2. 用户购买行为由需要转变为热爱

品牌是通过传统的定位理论占据用户的心智,当用户需要什么产品?选择什么品牌?是根据产品融入脑海中品牌理念而选择了这个产品。比如当我们需要买去屑洗发水选择买海飞丝洗发水。

品牌 IP 后在一定程度上弱化了品牌,利用天生形象优势、人格魅力、深受用户追捧。用户的购买行为是感性的,由内心热爱驱动购买。比如爱莎这个形象深受女孩子的喜爱,有关爱莎的裙子、玩偶、绘本、电影等孩子会不顾一切要求购买。

品牌IP化的价值

对于企业来讲,是否可以生产一些吉祥物就可以进行品牌 IP 化吗?

其实并不是那么简单!品牌 IP 化远远不止于做一个动物卡通形象就可以了。我们在前面说到在 2012-2015 年互联网品牌大量采用动物形象,但是他们并没有形成品牌 IP 化。

  • 首先,没有赋予鲜明特征,人格魅力。
  • 其次,没有持续进行内容生产,没有产生连接力
  • 最后,没有形成商业闭环

判断品牌 IP 化的三个特征是看品牌 IP 化后是否具有内容持续生产力、跨界连接力、商业衍生力。

1. 品牌IP化可以持续输出内容、具备内容生产力

品牌 IP 化通过自身角色和人格设定,吸附更多的用户的喜欢和追捧。品牌 IP 化的形象可以成为一个优质的内容源,提供持续的优质内容,不断引发与用户的关注和互动。

内容具有持续性:

line 在全球深受粉丝的追捧,这很大一部分原因在于 line 不断持续制造内容。line 最初是韩国的一家通讯公司,2013 年因为表情包深受用户的热爱,并因此带来 10 亿的收入,之后 line 打造了ugc模式,由用户创作表情上传带来 147 万美金的收入。此后几年持续创作有新成员加入,制作新的热点和内容。

2016 年布朗尼妹妹丘可加入

2. 品牌IP化具有连接力,可以连接用户、跨平台、跨品牌连接不同圈层

连接不同圈层:

在以往品牌对产品的推广上,由于产品特点、行业本身的壁垒,品牌难以跨越圈层和其他品类进行营销方式上的更多尝试,而 IP 营销则打破了这一壁垒,跨越了产品品类和行业的界限,带来了营销方式和品牌创新上的更多可能。

比如 linefrineds 与京东、天猫、优衣库、VANS、悦诗风吟、施华洛世奇合作推出了很多联名款的产品:T 恤、护肤品、项链、运动鞋等。这些合作跨越了行业、品牌等。

连接粉丝或用户:

最初,熊本熊只是熊本县政府宣传案的「副产品」,但这只熊火爆程度比肩哆啦 A 梦。在形象产生一个月便策划一系列神奇而疯狂的事件,比如聘任熊本熊为临时公务员,熊本熊大阪失踪,寻找腮红事件等。这些具有热议感、刷屏感、卷入感事件曝光和粉丝持续产生了连接。

品牌 IP 化赋予鲜明的形象与性格,这样形象与性格能与用户产生更近的互动,当这个形象持续产生内容输出后,让用户会产生更强的参与感、立场感,品牌与用户也就更强地连接一起。

延伸阅读:熊本熊之父的故事

3. 品牌IP化具备衍生力,实现商业闭环

品牌 IP 化只是品牌在互联网时代的一个新的工具或者方法论,最终都是要实现商业价值。要想实现商业变现、长久发展,必须有不断跨界合作、衍生周边产品和服务的能力。比如 line,最初由一个卡通形象,慢慢发展到漫画、表情、周边。他可以在不同时代捕捉到当下的流行,并与之紧密结合,达成品牌 IP 在不同品类和不同时期都保持强有力的衍生变现能力。

总结

品牌 IP 化最大价值在于:通过挖掘品牌的人性,赋予性格、文化、价值观更像一个有血有肉有灵魂的人,通过持续的内容生产,吸引用户参与,进而使用户产生精神共鸣,在与用户产生关系过程中给予情怀和温度、最终实现商业价值。

文章来源:优设   作者:咏舍

网站推荐-苹果全部发布会影片、广告和宣传图都能看

资深UI设计者

身为一个有超过十年使用经验的 Apple 用户,虽然不算太资深,但也曾经历这十多年来苹果大大小小的设备,大家都喜欢拿 Steve Jobs 和 Tim Cook 作为两个跨时代分水岭,早期的 Apple 让大家充满期待,引领着科技时代潮流,而现今则转趋于保守,更多的是账面上销售数字和市占率。或许不同时代考虑的因素不同,总而言之,可以看着一家公司不断推出各种产品也是相当令人兴奋的事。

想知道 Apple 产品演变历程,大部分的人都会直接搜寻维基百科条目,就能看到某个产品线不同年份的特色、规格和评价等信息,但如果想找出当年的发布影片、广告或图片可能就会有点难度,即使苹果有提供 Apple Keynotes 但也只有 2011 年以后的数据。

本文要介绍的「The Apple Archive」是一个非官方 Apple 档案库,收录从 1970 年代至今各种和 Apple 有关的资料,像是历年 WWDC 大会影片、电视广告、宣传图片或是一些采访影像等等,可以说是非常完整的苹果数据库。如果你想研究产品的演变过程,或是当年 Steve Jobs 曾说过那些话,都能在网站上找到数据。

The Apple Archive 采用年份方式将这些记录重新排列、索引,编制成更容易检索的数据网站,亦可使用搜寻以特定关键词找到相关内容,对于想研究 Apple 公司或产品会非常有用。

The Apple Archive

网站链接:https://www.applearchive.org/(访问速度较慢的用户建议搭梯子)

开启 The Apple Archive 网站,直接点选一个你想要浏览的年份,接着就能从上方选单找到特定的年份,网站收录的数据最早可以回溯到 1977 年,最近则是 2019 年(2020 年会在三月发表会后开始更新)。

每个年份页面会有新闻素材、图片、产品广告和 WWDC 发表会影片,除了标示出日期和地点外,透过底下的标签可以查看更多相关主题。

The Apple Archive 将影片部分全部上传到 Vimeo,例如 2008 年发布的 MacBook Air 就是相当经典的一段,Steve Jobs 从牛皮纸袋拿出超薄 MacBook Air 令全场惊艳。

在每个年份底下都显示当年的 macOS 主题,可能更早以前比较没有印象,但这十年的 macOS 背景相信大家不陌生,也可能或多或少都有看过。

最后,如果你想更快找到特定内容的话,点选年份、按下页面上的「View as list」就能以列表方式呈现该年度的所有内容,也会显示一共有多少个发表会、相片、影音数据,可以更快找到你想搜寻的内容。

值得一试的三个理由:

  • 非官方 Apple 数据库,收录苹果至今各种历史档案
  • 提供历年 WWDC 影片、电视广告、宣传图片和采访纪录等等

  • 依照年份或标签进行分类,也可透过搜寻找到特定产品主题

文章来源:优设   作者:Pseric

如何让你的设计更吸引人?

资深UI设计者

本篇文章立足于模糊的基础上,从概念原理上详细的讲述模糊在实际使用中的视觉表现以及处理技巧,希望对大家有所帮助~!

文章来源:优设   作者:Martin_K

如何挖掘更多设计价值?

资深UI设计者

最近朋友们探讨起「设计价值」的问题,似乎每隔一定周期,这个问题就会被拎出来。我笑称,「时尚圈有轮回,我们互联网圈看来也是」。

虽然问题大同小异,但每次探讨的侧重点会不一样,在这里记录一下自己的一些看法。

设计价值:支撑是基线,赋能是增量

设计的价值就是解决问题,这一点毋庸置疑。而当今行业内对设计解决问题方式和程度的讨论,离不开支撑和赋能两个词,支撑是我们的本职(做好自己),赋能是我们的升华(做得更多)。

如何支撑好,我们应该不需要过多讨论了,这是设计师价值的主线。但是如何赋能好,就是一个比较重要且有难度的课题了:一来我们要有全面的思维,去挖掘能够发挥的点;二来我们需要把握好边界和「尺度」,不然表现起来仿佛我们在和他人抢活。

不过还是需要说一句,虽然我们区分支撑和赋能,但是支撑和赋能其实不存在绝对边界,不同时间、不同空间都有不同定义:10 几年前设计价值的发挥可能只需要支撑即可,但是现在纯支撑可能不足以达到时代要求;A 企业 a 项目可能只需要支撑即可,但是 B 企业 b 项目则需要设计师发挥得更多。

如何寻找赋能机会点

支撑和赋能都是基于解决问题来定义的,如果我们要去寻找赋能的机会点,我们可以尝试扩充一下「解决问题」的使用场景,在含义上做下功夫:解决了问题、解决什么问题、很好地解决问题(评价者)……串成一句话就是「我如何很好地解决了什么问题」。这句话切出每个切面,就有很多机会点可以挖掘。

既然说「赋能」是增量,那么挖掘设计「赋能」价值的时候,无非是寻求一个锦上添花的「更」字,所以我们可以转化为一些形容词:「更好」、「更准确」、「更快」……究其本质,就是效果、效率、科学方法。我们可以用这个思路来排查和寻求赋能的要点:

1. 「很好」即预期

何为「好」,这是一个主观评价,既然是主观评价,我们就要清楚「谁」。首要的肯定是用户(当然为用户解决问题已经是本职工作,是主线了,不一定归为「赋能」),除此以外就是我们工作中合作的所有人。

我罗列一些场景作为例子:

业务方希望设计师能够多方合作,一起参与到产品规划中,挖掘新的需求。

——这种情况设计可以做的是设计前置,贡献自己的 idea,帮助业务达成目标。(这里措辞是「帮助」,因为业务产品、运营才是主体,他们要对规划思虑周全)

你的项目成员希望你输出效率工具,提升合作效率。

——这种情况设计可以直接赋能,比如制定效率工具和方法,或者拉上项目成员,「一起干一票」。

你的上级希望你对团队有更多贡献

——这种情况设计师也可以直接赋能,自己贡献一套方案,或者发挥领导力拉上有共同想法的同学一起干。

……所有这些,其实都是「预期」,也是目标。这也是不少团队使用 360 度评价方式的原因,通过所有人进行满意度评价,来回答「好」这个问题。

2. 「什么问题」是重点

有了预期,对什么问题的定义就更加顺理成章了。但是问题是需要定义的,能满足所有预期当然最好,但是现实中受限于人力、时间、能力等条件,我们也要划分出赋能的优先级,一般划分的依据,就是回答一个问题:「设计师及其方法对预期的达成有多大的作用」。

我再罗列一些场景作为例子:

业务上某个环节需要设计强参与,希望设计师强力且深刻的挖掘研究。如流程、交互、体验。

——这种情况措辞是「强参与」,是因为现在规范化的时代,涉及到「流程」、「体验」这样的手段,设计师和产品的边界在缩窄,有一些能力强的产品同学,通常也能考虑到基础的流程、信息、界面。设计师强参与则是想得更深、更多、更细。

——当然每个团队面临的情况不同,具体问题具体分析。

业务上某个环节本身就和设计强相关,设计好坏对最终结果产生直接影响。如运营设计。

——这种情况可以理解为问题就归设计师管,设计师可发挥的空间非常大。具体推动的时候就要看合作方对设计师的认可度和信任度,是否愿意放权、放权多少给到设计师来发挥。

项目组内开发和设计合作有摩擦,需要优化配合的方式。

设计团队凝聚力提升,需要设计师群策群力。

有一些朋友在「问题定义」环节经常遇到困惑,觉得容易产生合作的问题:举个例子,如果边界界定不清楚,似乎我们在抢产品、运营、开发同学的活儿在干,于是会畏手畏脚。但是我对这个问题有不同看法,预期是可以沟通交谈的,所谓合作一定是一个大家都很舒服、彼此共赢的状态。
正如下图所示的逻辑,如果边界重合,其实对结果是好事,因为我们把中间没有想到的坑都填了;如果中间存在缺口,那我们就通过沟通把缺口补齐。

PS:有一个挺有趣的现象,其实随着整个行业体系化发展,知识的鸿沟在减少,现在缺口的场景越来越少。回顾移动互联网刚刚发展起来的那几年,经常知乎、专业网站上面有讨论「xxx 如何撕逼」这样的合作问题,而现在则更多是「怎么做得更多更全面」这样的讨论。

3. 「如何」即过程

过程是思维、手段、方法、时间过程的集合。每个环节的侧重点在哪,每个团队都不一样,而这也一定程度上和预期有关。

这中间可以挖掘的要点就是如何「更科学」、「更」,可以输出经验总结、方法沉淀。这些也是赋能价值的表现。

「如何」是一个难点,因为我们要突破现有的思维、方法、手段,不然怎么「更科学」、「更」。不过无论怎么突破,身为个体,离不开我们的思考,「知己知彼,举一反三」:

  • 知悉现有的所有可行方法
  • 分析是否可以套用现有问题
  • 思考有没有更好的方法

文章来源:站酷    作者:

Android 获取应用 MD5 SHA1 SHA256 签名信息

seo达人

闲着没事儿写了个小 demo ,获取手机上已安装应用信息,系统应用和 非系统应用

MD5 SHA1 SHA256 签名信息 点击签名信息可复制到剪切板,

GitHub:https://github.com/sunan-n/GetAppInfo

如下图:







<span style="white-space:pre;"> </span>主要就是这个方法,传参数进来获取相应的签名类型 信息<br />
&nbsp; &nbsp; public static String getSignaturesInfo(Context context, String packageName, String tpye) {<br />
//&nbsp; &nbsp; &nbsp; &nbsp; //获取包管理器<br />
&nbsp; &nbsp; &nbsp; &nbsp; PackageManager pm = context.getPackageManager();<br />
&nbsp; &nbsp; &nbsp; &nbsp; //返回包括在包中的签名信息<br />
&nbsp; &nbsp; &nbsp; &nbsp; int flags = PackageManager.GET_SIGNATURES;<br />
&nbsp; &nbsp; &nbsp; &nbsp; PackageInfo packageInfo = null;<br />
&nbsp; &nbsp; &nbsp; &nbsp; try {<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; //获得包的所有内容信息类<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; packageInfo = pm.getPackageInfo(packageName, flags);<br />
&nbsp; &nbsp; &nbsp; &nbsp; } catch (PackageManager.NameNotFoundException e) {<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; e.printStackTrace();<br />
&nbsp; &nbsp; &nbsp; &nbsp; }<br />
&nbsp; &nbsp; &nbsp; &nbsp; //签名信息<br />
&nbsp; &nbsp; &nbsp; &nbsp; Signature[] signatures = packageInfo.signatures;<br />
&nbsp; &nbsp; &nbsp; &nbsp; byte[] cert = signatures[0].toByteArray();<br />
&nbsp; &nbsp; &nbsp; &nbsp; //将签名转换为字节数组流<br />
&nbsp; &nbsp; &nbsp; &nbsp; InputStream input = new ByteArrayInputStream(cert);<br />
&nbsp; &nbsp; &nbsp; &nbsp; //证书工厂类,这个类实现了出厂合格证算法的功能<br />
&nbsp; &nbsp; &nbsp; &nbsp; CertificateFactory cf = null;<br />
&nbsp; &nbsp; &nbsp; &nbsp; try {<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; cf = CertificateFactory.getInstance("X509");<br />
&nbsp; &nbsp; &nbsp; &nbsp; } catch (CertificateException e) {<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; e.printStackTrace();<br />
&nbsp; &nbsp; &nbsp; &nbsp; }<br />
&nbsp; &nbsp; &nbsp; &nbsp; //X509证书,X.509是一种非常通用的证书格式<br />
&nbsp; &nbsp; &nbsp; &nbsp; X509Certificate c = null;<br />
&nbsp; &nbsp; &nbsp; &nbsp; try {<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; c = (X509Certificate) cf.generateCertificate(input);<br />
&nbsp; &nbsp; &nbsp; &nbsp; } catch (CertificateException e) {<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; e.printStackTrace();<br />
&nbsp; &nbsp; &nbsp; &nbsp; }<br />
&nbsp; &nbsp; &nbsp; &nbsp; String hexString = null;<br />
&nbsp; &nbsp; &nbsp; &nbsp; try {<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; //加密算法的类,这里的参数可以使MD4,MD5等加密算法<br />
//&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; MessageDigest md = MessageDigest.getInstance("SHA1");<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; MessageDigest md = MessageDigest.getInstance(tpye);<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; //获得公钥<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; byte[] publicKey = md.digest(c.getEncoded());<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; //字节到十六进制的格式转换<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; hexString = byte2HexFormatted(publicKey);<br />
&nbsp; &nbsp; &nbsp; &nbsp; } catch (NoSuchAlgorithmException e1) {<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; e1.printStackTrace();<br />
&nbsp; &nbsp; &nbsp; &nbsp; } catch (CertificateEncodingException e) {<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; e.printStackTrace();<br />
&nbsp; &nbsp; &nbsp; &nbsp; }<br />
&nbsp; &nbsp; &nbsp; &nbsp; return hexString;<br />
&nbsp; &nbsp; }<br />
<br />

flutter 打包相关的事宜

seo达人

1.集成高德地图发布版和调试版的sha获取的问题



调试版,进入 ~/.android



执行



keytool -list -v -keystore debug.keystore



 



可以获得sha



 



2.发布版的sha获取需要找到发布版的key文件,例如



/Users/aboc/keys/phpec/key.jks



然后执行keytool -list -v -keystore /Users/aboc/keys/phpec/key.jks



会需要输入密码,密码在项目



android/key.properties 这个文件夹中,但密码是在创建的时候生成的



 



 



3.安卓打包的签名就是上面文件里面显示的md5



可以使用 一.查询keystore的MD5



可以在运行窗口,定位到keystore所在的路径,(以android默认keystore为例)执行cd /Users/aboc/.android定位到.android下



执行下面这条语句后就能显示Key的所有信息



keytool -list -v -keystore phpec.jks



这个方法获取到md5



或者用这里的这个工具



https://developers.weixin.qq.com/doc/oplatform/Downloads/Android_Resource.html


CSS BUG解决方法以及CSS BUG类的小技巧

seo达人

CSS bug是布局中最头疼的问题。我们需要兼顾各种浏览器,以期待获得一致的效果。非常遗憾的是各厂商之间的竞争导致很多问题的存在。而IE6与IE7在很多问题上也存在着很大的差别。在webjx.com大量的技术文档中,也包含了这方面的内容。轻松的解决CSS bug是我们必须掌握的技能。现在整理出最常用的12种CSS BUG解决方法以及CSS BUG类的小技巧。希望对您的学习、工作有所帮助新建一个前端学习qun438905713,在群里大多数都是零基础学习者,大家相互帮助,相互解答,并且还准备很多学习资料,欢迎零基础的小伙伴来一起交流。



一、 针对浏览器的选择器



这些选择器在你需要针对某款浏览器进行css设计时将非常有用.

IE6及其更低版本

  • html {}

    IE7及其更低版本

    :first-child+html {} html {}

    仅针对IE7

    *:first-child+html {}

    IE7和当代浏览器

    html>body{}

    仅当代浏览器(IE7不适用)

    html>/*/body{}

    Opera9及其更低版本

    html:first-child {}

    Safari

    html[xmlns
    =""] body:last-child {}

    要使用这些选择器,请将它们放在样式之前. 例如:


    content-box { 

    width: 300px; 

    height: 150px; 

    }



     


  • html #content-box { 

    width: 250px; 







    您也可以参考—CSS hacks:浏览器特定选择器介绍



    二、让IE6支持PNG透明



    一个IE6的Bug引起了大麻烦, 他不支持透明的PNG图片。

    你需要使用一个css滤镜

     



    *html #image-style { 

    background-image: none; 

    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="fil 

    ename.png", sizingMethod="scale"); 

    }





    三、移除超链接的虚线



    FireFox下,当你点击一个超链接时会在外围出现一个虚线轮廓. 这很容易解决, 只需要在标签样式中加入:

     



    outline:none.

    a{ 

    outline: none; 

    }





    您也可以参考—除链接元素的虚线框(兼容IE7、IE6、FF)



    四、给行内元素定义宽度



    如果你给一个行内元素定义宽度,那么它只是在IE6下有效. 所有的HTML元素要么是行内元素要么就好是块元素. 行内元素包括: <span>, <a>, <strong> 和 <em>. 块元素包括<div>, <p>, <h1>, <form>和<li> . 你不能定义行内元素的宽度, 为了解决这个问题你可以将行内元素转变为块元素.

     



    span { width: 150px; display: block }





    五、让固定宽度的页面居中



    为了让页面在浏览器居中显示, 需要相对定位外层div, 然后把margin设置为auto.

     


    wrapper { 

    margin: auto; 

    position: relative; 

    }





    六、IE6双倍边距的bug



    给此对象加上display:inline即可解决问题。具体介绍:



    七、Box Model 盒模型bug的一般解决办法





    八、两个层之间的3px间隙



    传说中的“IE 3px bug”,解决的办法:



    九、在IE中的HTML注释引起文字奇怪的复制



    Duplicate Characters Bug很神奇。



    十、图片替换技术



    用文字总比用图片做标题好一些. 文字对屏幕阅读机和SEO都是非常友好的.

     



    HTML:

    <h1><span>Main heading one</span></h1>

    CSS:

    h1 { background: url(heading-image.gif) no-repeat; } 

    h1 span { 

    position:absolute; 

    text-indent: -5000px; 







    你可以看到我们对标题使用了标准的<h1>作为标签并且用css来将文本替换为图片. text-indent属性将文字推到了浏览器左边5000px处, 这样对于浏览者来说就看不见了.

    关掉css,然后看看头部会是什么样子的.本文由webjx.com整理,转载请注明出处!



    十一、 最小宽度



    IE6另外一个bug就是它不支持 min-width 属性. min-width又是相当有用的, 特别是对于弹性模板来说, 它们有一个100%的宽度,min-width 可以告诉浏览器何时就不要再压缩宽度了.

    除IE6以外所有的浏览器你只需要一个 min-width: Xpx; 例如:

     



    .container { 

    min-width:300px; 

    }





    为了让他在IE6下工作, 我们需要一些额外的工作. 开始的时候我们需要创建两个div, 一个包含另一个:

     



    <div class="container"> 

    <div class="holder">Content</div> 

    </div>





    然后你需要定义外层div的min-width属性,本文由webjx.com整理,转载请注明出处!

     



    .container { 

    min-width:300px; 

    }





    这时该是IE hack大显身手的时候了. 你需要包含如下的代码:

     


  • html .container { 

    border-right: 300px solid #FFF; 


  • html .holder { 

    display: inline-block; 

    position: relative; 

    margin-right: -300px; 

    }





    As the browser window is resized the outer div width reduces to suit until it shrinks to the border width, at which point it will not shrink any further. The holder div follows suit and also stops shrinking. The outer div border width becomes the minimum width of the inner div.



    十二、隐藏水平滚动条



    为了避免出现水平滚动条, 在body里加入 overflow-x:hidden .

     



    body { overflow-x: hidden; }





    当你决定使用一个比浏览器窗口大的图片或者flash时, 这个技巧将非常有用


Mapbox教你出图:今天你的图炫酷了吗?

前端达人


Xiao素材 |MapBox应用

本期精选 / MapBox应用教程,让你的底图超乎预料的炫酷

点击查看原图

e2dd47236b5d498897ffd34b915764f5.jpeg


今天给大家带来炫酷MapBox的具体应用

相信大家在绘制平面类分析图时

都遇到过地图获取的问题

在此之前

我们也提供给了其他的类型的方式来绘制分析底图

1. 其他方式

百度个性地图

通常地图形式如下

点击查看原图


喜欢用这种类型地图的小伙伴

网址接好咯

http://developer.baidu.com/map/custom/

文末素材有百度个性地图代码

谷歌个性地图

老规矩放一波样式给大家看一看

点击查看原图



但是这些

都不是我们今天能的重点

2. MapBox效果

因为真要说到可操控性可调整性

非MapBox莫属

先来看看官方效果

点击查看原图

65aa1549b0b644d7aae99fee9d4889d7.jpeg

981462bfba7f4130bf2b40e27a87cff6.jpeg

点击查看原图f789b95081ed47f2bc018e26d85c3539.jpeg

e6474a09d55d49e18573d6dce54627d5.jpeg9534841a9a2848baadeba880b5f0c490 (1).jpegc5a73c2cfbb74721853f54a33c2874c4 (1).jpeg677ba2b536b74c218b6eddf8fbc897aa.jpeg5c3e52bc67754db5ad4a889c6eb73411.jpeg97c752d4aded4ff8a2d8da6bb95275f1.jpeg




是不是已经超级酷炫好看了

那看到这里你就以为完了吗

NO NO NO NO NO

再来看我们根据模板花几分钟改的底图

点击查看原图点击查看原图


点击查看原图


看到这的第一眼

是不是觉得这才是

自己想要的分析底图

误区

想想平常我们自己绘制的底图一般像这样

纯苦力类

5cf701cc0dc24970b0c2a557ec14aa8e (1).jpeg0625c8b515d148d394940fd09acc4542 (1).jpeg


96fe6d94ea294e0e8288008b86a06587 (1).jpeg


怎么样

是不是想立即Get一波呢

别急,来看视频学习一下

大致分为四个板块

3. 四大板块

第一个板块

基本步骤

首页—Get Started—选择合适的风格

(建议开启网页翻译哦)

点击查看原图点击查看原图


点击查看原图


第二个板块

怎样来操作

右键旋转视图

中间缩放视图

左键平移视图

右侧箭头菜单—还原视图—

Reset Pith&重设正北方向 Reset North


点击查看原图d979898158e84454ad11e19bdee498ba (1).jpeg



第三个板块

这一个板块相对复杂一些

同学可以看着视频配着幕布食用

左侧为参数调整栏

直接点击地图元素的相应位置

即可修改相应参数

36372fb4c78b4efba0f245bf9ce906db.jpeg


d454efb44d1b4bab9061463f1bd28bea.jpegded94da53b064c78a6f1c73890ead363.jpeg


第四个板块

添加图层和修改数据

Add Layer/Select Data里面内容含

数据资源—类型—绽放级别Zoom—过滤器

具体怎么操作一定要看视频哦

aeead05900694ec4b66e47098b06ffd3.jpeg



如果觉得观看视频还是不太清楚的小伙伴

不要慌张

作者还贴心的为大家准备了

MapBox的知识结构图


点击查看原图


今天就和大家分享到这里了

转载自:搜狐

作者:

大地视觉设计软件



蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服




什么样的设计才能荣获「包装界的奥斯卡奖」?

前端达人

1.png


伦敦当地时间9月12日,Pentawards官方公布了2019年的最终获奖名单。这个创立于2007年的全球首个也是唯一一个专注于产品包装类设计的大奖,被誉为「包装设计界的奥斯卡」。每年组委会会从全球顶尖的设计机构或公司邀请12位行业大咖组成评审团队,对来自世界各地的上千件包装设计作品进行严格的评选,有时甚至会出现奖项空缺的情况。

2.png
参赛作品被按照食品、饮品、身体相关产品、品以及其他市场5个门类进行分类评选,而奖项等级则设置了钻石奖、铂金奖、金奖、银奖和铜奖。2018年,Pentawards还专门为学生设计师设置了鼓励年轻一代的NXT—GEN AWARD。每年获得这个迄今为止最具权威与含金量的包装设计奖项的作品,无疑是当年包装趋势的缩影与风向标。

3.png

全场大奖 —— 钻石奖作品

作为Pentawards每年仅设置一个名额的全场大奖 「钻石奖」,今年被其他市场类的「微软」团队(Microsoft)捧得,获奖作品为Xbox自适应控制器包装。

4.png

Xbox自适应控制器的设计旨在为行动不便的游戏玩家提供同样能愉悦享受游戏的体验,全新的控制器完全颠覆了大家对传统手柄设计的认知,让残障人士也能轻松使用Xbox One和Windows 10 PC游戏。

5.png


Xbox自适应控制器的包装设计同样充分考虑到了使用人群的特殊性,设计团队将气囊集成到包装中,保护产品的同时也尽量保持包装的小尺寸。能轻松拆开的封胶、便于开箱的色带还有抽屉式的内包装盒,只要找到最显眼的抽拉部位,不需要任何说明书指导或复杂拆盒步骤,谁都能单手拆包装。

6.png

类别: 其他市场 – 电子

品牌: XBOX

参赛:Microsoft

设计: Mark Weiser,Kevin Marshall

国家: 英国

铂金奖作品

7.png




今年饮料类的「铂金奖」被来自英国爱丁堡的LIND & LIME GIN获得。包装设计由苏格兰的创意团队 Contagious 操刀,酒瓶设计的灵感源于品牌商The Port of Leith Distillery所在的Leith 地区海岸上具有历史意义的工业建筑以及老窑.

8.png


酒瓶封口上展示的是关于英国皇家海军外科医生James Lind的文案,从酒瓶包装的设计到这款酒的命名LIND & LIME GIN,都体现了对这位发起利用柑桔类水果预防与治疗坏血病的医生的致敬。优雅精致的外观设计搭配晶莹剔透的玻璃质感,让人一眼就能从众多酒瓶包装中被LIND & LIME GIN所吸引。

9.png

10.png

11.png


类别: 饮品类

品牌: LIND & LIME GIN

参赛: Contagious

设计: James Hartigan

国家:英国

12.png



身体与美容相关的「铂金奖」得主是来自韩国的彩妆品牌STONEBRICK,设计团队是来自美国的Established。包装与产品设计主打乐高与玩色的概念,唇膏、腮红、眼影等所有彩妆单品都可以互相吸引连接,像拼乐高砌积木的形式被收纳好。让顾客亲手搭建自己量身定做的彩妆积木王国,简直直击少女心。


13.png

14.png



这种集娱乐性、互动性与定制化为一体的包装设计,除了能满足产品对功能层面的基本诉求,更能与消费者产生情感情绪上的连接。利于强化品牌独特的形象,也能通过其趣味性刺激消费。此包装设计不仅获得了Pentawards的铂金奖,同时也获得了D&AD Awards 2019 (2019英国黄铅笔奖 )。


15.png

16.png

17.png


18.png


类别: 身体相关产品

品牌: STONEBRICK

参赛: Established

设计: Sam O’Donahue

国家:美国

19.png



亚美尼亚Backbone Branding设计公司为RICEMAN设计的大米品牌包装获得了食品类的「铂金奖」。

包装外形以亚洲稻农戴蓑帽的传统形象为原型,圆锥形帽子纸盒盖子内侧则巧妙与标记测量米量的米杯结合,实用又环保。两种不同尺寸的袋子分别装盛不同的大米类型:短粒米为小袋子,长粒米为高袋子。

20.png

21.png

图形与视觉书写风格选择了亚洲书法,以强调这种谷物的区域起源。整体的视觉设计展现了品牌向稻米产品背后的人类致敬的寓意与人文情怀。

22.png

23.png


类别: 食品类

品牌:RICEMAN

参赛:Backbone Branding

设计:Stepan Azaryan, Eliza Malkhasyan

国家:亚美尼亚

24.png



品类的「铂金奖」被西班牙设计师Roberto Núñez为PERFECCIONISTA葡萄酒设计的包装获得。这款限量版葡萄酒的包装设计以重视缺陷为概念。每一瓶酒的木盒包装都是手工切割的木材制造并带有墨水印章编号。

25.png


类别:品 – 香槟酒

品牌:PERFECCIONISTA

参赛:Roberto Núñez

设计:Roberto Núñez

国家:西班牙

26.png

其他品类的「铂金奖」获得者是一个来自西班牙的品牌AURIGA的自我推广设计。视觉语言独特,充满神秘感。

27.png

28.png

29.png

30.png


类别:其他市场 – 自我推广

品牌:AURIGA

参赛:AURIGA

国家:西班牙

更多获奖作品欣赏

31.png

32.png

33.png

34.png


类别: 饮品类

品牌:「宋」高山单丛茶

参赛:林韶斌设计机构

设计:林韶斌设计机构

国家:中国

35.png

36.png

37.png

38.png


类别: 食品类

品牌:BEE-FEE

参赛:Opus B Brand Design

设计:Zuzanna Sadlik, Beata Faron

国家:波兰

39.png

40.png

41.png


类别: 饮品类

品牌:Pearlfisher

参赛:Toyo Seikan Group Holdings,Ltd.

设计:Hamish Campbell 等

国家:美国

42.png

43.png


类别: 食品类

品牌:COLOREAT

参赛:Backbone Branding

设计:Stepan Azaryan, Gevorg Balyan

国家:亚美尼亚

44.png

45.png

46.png

47.png


类别: 饮品类

品牌:HANSHUIXIGU

参赛:凌云创意

设计:凌云创意团队

国家:中国

48.png

49.png

50.png


类别: 食品类

品牌:BOUDIN SAN FRANCISCO

参赛:Art Center College of Design

设计:Yi Mao

国家:美国

51.png

52.png

53.png


类别: 食品类

品牌:无(概念设计)

参赛:Toyo Seikan Group Holdings,Ltd.

设计:Sayaka Kawagoe

国家:日本

54.png

55.png

56.png

57.png

58.png


类别: 食品类

品牌:brand.new

参赛:Toyo Seikan Group Holdings,Ltd.

设计:Kostas Mentzos Cristina Seijas Fernández

国家:希腊


59.png

60.png

61.png

62.png



类别: 其他市场 – 自我推广

品牌:Stocks Taylor Benson

参赛:Toyo Seikan Group Holdings,Ltd.

设计:Stocks Taylor Benson Design Team

国家:英国

63.png

64.png

65.png


类别: 身体相关产品

品牌:Fengsheng Group

参赛:Shanghai Version Design Group

设计:Zhihua He

国家:中国

66.png

67.png

68.png


类别: 身体相关产品

品牌:SAIB INTIMATE COSMETIC

参赛:SAIB&Co

设计:Jungmin Choi, Eunchong Kim

国家:韩国

69.png

70.png

71.png


类别: 身体相关产品

品牌:COLOUR ZONE

参赛:Shanghai Nianxiang Brand Design & Consulting Co, Ltd.

国家:中国

72.png

73.png

74.png


类别: 身体相关产品

品牌:CODE 00-DESIGNED FOR POST-00S

参赛:YANG DESIGN

设计:Yang Ming Jie

国家:中国

75.png

76.png

77.png


类别: 身体相关产品

品牌:ART&FICT

参赛:British Higher School of Art and Design

设计:Evgeniia Zhuravleva

国家:俄罗斯

78.png

79.png

80.png


类别: 品

品牌:CINCO JOTAS

参赛:MORILLAS BRAND DESIGN, S.L.

国家:西班牙

转自:简书
作者:极创设计
链接:https://www.jianshu.com/p/de86f3028f18
来源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。



蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服












日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档