标签归档:平凡的清穿日子19楼

E接招吧!科比向科蜜发起挑战 这点能做到吗?

科蜜们接招吧!

  北京时间8月28日,洛杉矶湖人队传奇球星科比-布莱恩特最近常常在社交媒体上给自己的后辈们发起挑战,挑战内容因人而异,但都极具激励效果。

  今天,他刚刚向字母哥以及沃尔发起了挑战,分别挑战他们成为MVP和进入最佳防守一阵,而在刚刚他也向自己的科蜜们发起了挑战。

  名为“我爱科比论坛”的推特账号@科比并向科比提问:“我科,你对科蜜们发起什么挑战呢?”

  随后科比转发并回复道:“每一天都带着曼巴精神来生活,以及每天凌晨四点起床。”

  科蜜们,老大都发话了,你们愿意接受这个挑战吗?毕竟,这是向偶像科比进一步靠拢的好机会,可一定要把握住!

太自信!飙分神控称是下个奥尼尔 不是打篮球?

说唱高手利拉德

   NBA是属于黑人球员的联盟,说唱又是他们生活中不可或缺的一部分,所以联盟中不少球员都涉足过这个领域,像奥尼尔、科比、慈世平、斯蒂芬·杰克逊和艾弗森等,但只有奥尼尔取得了成功,他在1994年发行的专辑《ShaqDiesel》销量超过100万张。如今,利拉德也被同行寄予厚望。

  下一个奥尼尔?

  杜兰特表示自己很羡慕利拉德的歌唱才华,皮尔斯公开赞扬利拉德的说唱技巧,斯蒂芬·杰克逊甚至号召整个联盟来支持利拉德的歌唱事业。“虽然我并没有得到过什么支持,但我们还是应该顶一下这位小兄弟。是的,我说的是全体篮球运动员。让我们来支持一下这位小兄弟。我们应该制作出属于自己的音乐。”杰克逊在个人社交媒体上写道。

  杰克逊表示,在他打球的年代里,98%的运动员说唱水准都“太糟糕了“,只有奥尼尔的白金说唱专辑能够得到肯定。火箭名宿肯尼·史密斯也期待,利拉德能成为下一个奥尼尔。  

  “奥尼尔当年的台风非常棒,我想看看利拉德能不能成为新版奥尼尔,也去创作几张白金唱片。他的舞台掌控能力很棒,这让我感到很惊讶,我知道他在比赛里能够掌控全场,没想到他在这种舞台中也能应对自如。”在看过利拉德演出后,史密斯如此说道。   

  曾参演《3D食人鱼》的著名演员加里·布塞对利拉德的评价更高,我从心里感受到了你,从我的灵魂里听到了你的声音,你是一个非常有才华的美好的人。”布塞赞不绝口。

  利拉德对自己也很有信心,“说唱对于我来说很轻松。这是我的另一项天赋。”同样,他也以奥尼尔为榜样。“并不是打击之前做过音乐的人,不过我是真正会说唱的。我有故事可以讲。主题不会局限于篮球。我有更多的内容。没有理由认为我的专辑不会大卖。大鲨鱼证明了这一点。”利拉德说。

  深谙宣传之道

  几乎每个球员都有自己的社交媒体,他们会在上面发布照片,或和好友聊天,但利拉德深知网络力量的强大,他早已将此作为宣传和打造自己的最佳平台。  

  实际上,利拉德在大学期间才拥有了自己的社交账号,“我从来没有痴迷过这东西,我只是想进入NBA,我没有对社交媒体本身真正关注过。”但进入NBA后,他成为了社交媒体方面的专家。“当我进入联盟后,我就意识到这是多么有用,只要你不断经营自己的品牌,并且让人们知道你这样一个人的存在。”利拉德说。

  利拉德的粉丝数量和詹姆斯等最顶级的球星尚不能相提并论,但活跃度非常高,即使他经常会“打广告”,他已经掌握了其中的平衡性,不会让粉丝失去对他的信任。

  利拉德还建立了一个在线社区,通过利用自己的#4BarFriday概念,让那些有追求的音乐人来展示自己的歌词。每周五,利拉德都会挑选几条发布在自己的社交媒体上,让这些音乐人增加曝光度,因此受到了说唱歌手的热烈追捧。“开始我只是想让人们能够听到我的说唱,现在也让那些关心自己发布内容的人感到骄傲。”利拉德说。  

  最近几年,这已经成为了一项固定的PK赛,利拉德还推动合作商为获奖者颁发话筒和耳麦等奖品,全明星赛期间,他还会在其中挑选说唱歌手在音乐会上进行表演。在社交媒体上的活跃让利拉德本人也收获颇丰,去年他的专辑发布后,很快便在iTunes的说唱排行榜上攀升到第二的位置。

  唱功不俗,加上强大的宣传平台,利拉德的唱片何愁不大卖?

NBA v上海站总决赛周末打响 真理将到场助阵

真理助阵

  今年夏天,经过来自成都、深圳、南京和北京四大城市的篮球达人的激烈角逐后,第二届NBA 5v5——五人制精英篮球赛总决赛将于本周末在上海东方明珠电视塔广场热情来袭。前四站比赛的冠亚军球队会师上海,共八支球队将争夺本届NBA 5v5 全国总决赛的冠军宝座,以及共计近百万元的赛事奖金及奖品。

  前NBA总决赛最有价值球员保罗·皮尔斯将惊喜亲临上海站现场。虽然皮尔斯于今年7月18日已宣布退役,但依旧是不少球迷心中的传奇人物。在19年的职业生涯中,他曾10次入选过全明星赛,一次入选NBA赛季最佳第二阵容,三次入选NBA赛季最佳第三阵容,并荣膺2007/08赛季NBA总决赛最有价值球员、2010年全明星三分球大赛冠军。皮尔斯职业生涯总得分26357分,排在历史第十五位。而来自布鲁克林篮网队的拉拉队也会现身活动现场,阳光动感的拉拉队员在助燃赛场的同时,也将为球迷带来NBA赛场上原汁原味的精彩表演。

阳光动感的布鲁克林篮网队拉拉队篮球宝贝将助燃赛场

  同时,今年参加了热门音乐选秀节目《中国有嘻哈》的中国Hip-hop歌手Jony J也将前来助阵,作为目前国内颇为炙手可热的 rapper。他也将火力全开,为现场球迷带来热力四射的freestyle,用超强实力为NBA 5v5总决赛增添一份激情。

《中国有嘻哈》人气实力选手Jony J将助阵NBA 5v5上海站总决赛

  本次上海站总决赛共有八支球队参赛,云集了此前四站比赛的冠亚军。来自新疆的“无解”队是目前在NBA 5v5官网获得点赞数最多的球队。这支球队的队员都是CUBA和NBL的退役队员组成,曾获得过两届新疆业余联赛的冠军。“无解”队是以成都站亚军的身份晋级本次NBA 5v5的上海总决赛的。此外,成都站冠军“SYS”拥有去年NBA 5v5总冠军队中多名成员、深圳站冠军则是由中国街球传奇人物韩潮组建的“第六区”、南京站冠军“GDS”来自宝岛台湾、拥有台湾半职业和大学生联赛多位新星以及由全外援组成的北京站冠军“新体联” ,各支球队都对总冠军虎视眈眈,本次NBA 5v5上海站总决赛可谓强手如林,而单淘汰赛的赛制将会让比赛更加激烈,各站冠亚军将毫无保留的把最强地实力呈现给观众。

科比确定复出回归NBA 不过却不再是球员了

  我的天呐!

  科比下赛季将复出回归篮球运动,

  不过却不再是NBA湖人了!

  近日,

  NBA2K18公布了30只球队的经典阵容,

  显然少不了狼王加内特与黑曼巴科比的入选,

  但这并不是他们在NBA2k18里的唯一身份。

  昨日,

  NBA2K公司官方宣布科比与加内特

  将出现在这款游戏的解说席。

  提起解说,这两位都是一把好手,

  刚退役不久加内特就加入TNT天团

  为自己谋了一份主持工作。

  事实上,TNT也曾公开向科比发出过邀请,

  只是科比专注于自己的事业故而拒绝!

  不过,老科曾多次参加篮球脱口秀,

  同时,他对篮球的理解能力也是公认的高明。

  技巧君不禁联想起来,

  这两尊大神联手解说比赛会是个怎么样的场景呢?

  科比:

  “你在干什么?面前只有五个人你居然传球?”

  加内特:

  “老科稳重点,他们还是孩子啊。”

  科比:

  “怎么背打越打离禁区越远!soft,tryme!”

  加内特:

  “跟你说了多少遍了,我们作为解说要稳重啊。”

  科比:

  “这个球员不行,

  他绝对没见过临晨四点的明尼苏达。”

  加内特:

  “老科稳重…啥?明尼苏达?!

  狼崽子们给我打起精神来!

  年轻二十岁的我能带你们打爆他们!”

  以上纯属技巧君瞎掰,各位凑活看啊!

  虽然只是在游戏中,

  可这对于小部分球迷来说,绝对是大大的福利啊,

  操纵着最巅峰的偶像,

  听着他们的解说声音打比赛,

  那将是多么美妙!

  为什么说是小部分球迷呢?

  这可就要吐槽一下2K公司的“飞速升级了”。

  最初,技巧君可是出一个版本换一个版本,

  从最初的2K9一路杀到2K14,

  直到2K15出现,颠覆了我对传统游戏的认识。

  一下从前一年的14.2G飙升至46.6G,

  电脑带不动呀!!

  为了体验新版本技巧君特地换了新电脑,

  可万万没想到,接下来还有50个G的2K16,

  70个G的2K17等着我们!

  大胆猜测解压后的2K18内存占用将超过三位数!

  你说啊!卖电脑的给了你多少钱!

  我技巧君都不出起!

  尽管退役了,

  科比依然活跃在NBA的圈子里,

  大有竞争休赛期MVP意思!

  没办法,谁让他是科比呢!

  他先是发了一条推特,配图中写着“无畏”,

  并@小托马斯:

  “让给你一个挑战,新赛季入选NBA一阵”。

  此时科比一阵得意:

  你和我的距离可不只是11个一阵那么简单!

  接下来,他又为德罗赞发推,

  配图上写着“诚实”:

  “我给你一个挑战,

  重新恢复一段你在康普顿的青春时期所失去的友谊。”

  康普顿堪称美国最险恶的社区,

  多个人狠话不多的著名说唱歌手都出于此地。

  有名的有Kendrick Lamar、Dr。 Dre等。

  科比此ins的目的可能是为了激励德罗赞回馈社区,

  帮助康普顿年轻人脱离毒品与暴力。

  老科真是优质偶像啊,

  居然如此关心球迷生活!

  第一科密的竞争如此激烈,

  字母哥可坐不住了,他在网络上向科比喊话:

  “我还在等我的挑战呢!”

  这是吃醋了怪科比偏心的节奏啊?

  科比也没有让他失望,给了字母哥一个挑战:

  你的挑战就是拿个MVP。

  而科比对中国球迷发出的挑战是:

  每天都带着曼巴精神生活,

  以及每天凌晨4点起床。

  这…恐怕做不到啊,凌晨四点。。。。!!

  贝弗利、特雷沃-布克纷纷向科比喊话:

  “科比会给我个什么挑战呢!”

  此时的科比仿佛变成了NPC,

  头上顶着个大大的黄色感叹号。

  既然你对我们发出了挑战,

  我们的挑战你也要接受喔!

  生个儿子吧科比!这次不要打铁!

  不知不觉中,

  陪伴我们青春岁月的球星们一个个老去,

  他们有的退役,有的已经沦为角色球员。

  而我们也早已经过了上课看文字直播

  还要时不时抬头看一眼老师的年纪,

  一下课飞奔去食堂看比赛,

  球场占场子的岁月是很久以前的事情了,

  还好,

  他们时不时出现的新闻下面

  还有一帮跟我一样怀旧的人,

  我们一起长大,一起见证过狼王的十年苦守,

  一起见证过科比从最高峰跌落到低谷

  又一步步爬到俯瞰众生的高空。

  当我看到街上还有女球迷穿着森林狼21号,

  男人带着穿紫金24号的儿子有说有笑,

  我知道,他们从不曾远去。

  #想成为篮球实战高手#

  长按识别二维码

  关注篮球技巧教学

新船长再次与卡戴珊小妹约会 这次红娘也在场

詹娜与格里芬

  北京时间9月1日,据TMZ网站报道,洛杉矶快船队当家球星布雷克-格里芬再次被拍到与卡戴珊家族的肯达尔-詹娜约会,而这一次,他俩的介绍人钱德勒-帕森斯也在场。

  不久前,格里芬在不到一周的时间内两次被拍到与詹娜外出吃饭和混夜店,这不免让人猜测他俩是否正在拍拖。

  近日,格里芬和詹娜再次被拍到一起离开一家洛杉矶的餐厅,然后上了一辆等待他俩的车。

  紧接着,灰熊队前锋钱德勒-帕森斯也跟着从餐厅出来,同行的还有帕森斯的绯闻女友海莉-鲍德温。

  帕森斯和鲍德温在今年夏天多次被拍到在一起,尽管他俩坚称没有拍拖。

  格里芬和詹娜也都没有公开确认他俩的关系。格里芬有一位相处很久的女友,而且已经为他生了两个孩子。詹娜之前也和NBA球员拍拖过。

  值得一提的是,撮合格里芬与詹娜认识的人正是帕森斯。

调戏白曼巴!欧文开心加盟绿军 给安吉提这要求

欧文和海沃德亮相绿军发布会

  北京时间9月2日,据美国媒体报道,昨天晚上波士顿凯尔特人举行了发布会,刚刚被交易来的凯里-欧文首度以绿衫军球员的身份亮相。在发布会现场欧文向总经理丹尼-安吉提出要求,想要看看当年凯尔特人夺冠时期的录像带。另外在发布会结束之后,他还和名宿“白曼巴”相互调侃了几句。

  昨天欧文刚刚拿到了属于自己的凯尔特人战袍,随即他就马不停蹄地参加了球队的发布会。尽管欧文作为凯尔特人的新援,但是他与球队管理层没有任何生疏之意。发布会上欧文向安吉请求:“我想看看凯尔特人上世纪八十年代的卡是录像带,观察一下当时的冠军球队时怎么打球的。”

  这个简单的要求,安吉很是爽快地答应了他。欧文离开勒布朗-詹姆斯之后,成为凯尔特人的领军人物。学习老前辈们的传统打法,或许能够帮助欧文和绿衫军得到提升。

  发布会结束之后,欧文还接受了凯尔特人名宿布莱恩-斯卡拉布莱恩的专访。不过在专访之前,欧文与其一番交流颇具趣味。

  欧文率先给前辈发问,让对方一头雾水。“我可以像别人一样去称呼你吗?”

  斯卡拉布莱恩:“白曼巴?”

  欧文:“是的,我就想确认一下。因为这是我第一次这么称呼你,我就想问你一下。”

  斯卡拉布莱恩:“你是怎么知道我的呢?”

  欧文:“因为白曼巴在77场比赛中一共得到93分。”

  斯卡拉布莱恩回应道:“是的,传说被被人们不断地添油加醋,越来越没谱,我都不知道这个传说还有没有增长的可能性。人们几乎都忘了我场均2分的事实。”

新体联篮球队NBA v夺冠 真理联手嘻哈人气选手亮相

真理亮相

  201793日,上海——第二届NBA五人制精英篮球赛“NBA 5v5”总决赛于今日在东方明珠塔城市广场顺利收官。从今夏此前四站——成都、深圳、北京和南京——决出的8支冠亚军队伍在东方明珠塔下经历了2天刺激的搏杀,最终,在璀璨旖旎、高楼林立的浦江景色之间,来自北京的新体联篮球队获得本届NBA五人制精英篮球赛的总冠军,《中国有嘻哈》人气选手Jony J联手NBA球星、总决赛MVP保罗·皮尔斯共同现身,见证新体联篮球队勇夺冠军,冠军球队在本赛事近100万奖金中,分得50万人民币专属的总冠军奖金。同时,新体联篮球队Allgood凭借决赛当晚的出色表现,当之无愧地成为了本届NBA五人制精英篮球赛的MVP称号;他的队友James Tyler则获得了最佳防守球员。

冠军产生

  作为本届NBA 5v5的收官之战,《中国有嘻哈》人气选手Jony J空降上海站决赛现场。傍晚时分,突如其来的一场大雨降临上海,赛场上厮杀拼搏的球员们丝毫没有停下脚步,现场的粉丝也用阵阵欢呼声为球员们喝彩。受到篮球魅力的感染,Jony J在大雨中以一首《Teamwork》为角逐冠亚军的球队及所有看球爱好者们助阵,激励他们拼搏不息的体育精神。上海地标建筑东方明珠在一曲动感rap的衬托下,显得分外星光熠熠,现场球迷的热情更为NBA标准的5v5篮球场增添一抹活力。而前一晚刚刚亮相本次NBA 5v5上海站总决赛赛场的保罗·皮尔斯也再次亲临决赛,不仅与Jony J进行了互动,更作为忠实观众全程观战,在场边的他也一度被决赛激烈的场面所吸引,跃跃欲试。

决赛现场

  聊到本次作为表演嘉宾受邀出席NBA 5v5上海站总决赛,Jony J表示,自己平时就非常热爱篮球运动,闲暇之余常约朋友一起打球,享受篮球带来的快乐,并笑言以自己的篮球水平可以参加NBA 5v5篮球赛,看到决赛球队的精彩比赛之后,自己也忍不住想一试身手。

  晚上八时,第二届NBA 5v5总决赛在篮球爱好者的翘首以待中上演:从北京站脱颖而出的分站冠军新体联篮球队对阵成都站冠军SYS篮球队。成立8年的新体联拥有多名外援,实力强大,身高2.18米的中锋James Tyler在攻防两端都成为对手的大麻烦,后卫Myron-Allen曾经效力于CBA的新疆队。而拥有多名前CBA球员、CUBA球员的SYS篮球队也不遑多让,曾在多个街球比赛中均获得不错的名次,两队果然在开场后一直紧咬比分,战至第三节双方比分为58:48,新体联以10分的优势领先SYS,整体实力更强的新体联则是依靠更多球员的均衡表现把比分优势保持到了最后,以79比69获胜,夺得了第二届NBA 5v5的桂冠,锋线球员Allgood获得了MVP称号。

学会这13个方法 才能完整地包装你的UI设计作品

  @上狗蛋 :UI 设计师该如何展示自己的作品集?可千万别被网络上那些精美的一图流欺骗了。今天这篇是实实在在的干货,教你如何包装自己的作品,如何展示给面试官看。这里讲的包装,并不是说要让自己的作品集看起来炫酷狂拽,而是让自己的作品有一个完整的过程。

  本篇文章适合求职 UI 职位的朋友以及 UI 想要转 UX 职位的朋友。

  什么是UI ?什么是UX ?很多人觉得UI 就是美工,就是做做图。 exucuse me?看我不打死你。

  UI 和 UX 是不能分离的,没有好的UX,再美的产品也没人愿意用,同理,没有好的UI ,再好用的产品也没人想去尝试。

  所以,请谨记,UX和UI 是密不可分的。

  1. 设计流程

  设计流程会让面试官觉得你是一个专业的设计师而不是美工!!!

  各位朋友可以看看自己的作品集,里面有没有至少一个项目有详细的流程介绍?

  根据本蛋的长期偷窥,很多UI desingers的作品集往往只有最终效果图,能有一些Wireframe 的都是少数。我的观点或许跟在座的有些不同, 我认为作品集不应该只有这些最终的炫酷狂拽屌,而且应该让看你作品集的人知道,你这些炫酷狂拽是怎么来的。

  所以,就涉及到了所谓的设计流程。

  看到这里,你可能会想说:宝宝就是面UI ,根本不需要什么过程啊,好不好看最重要。

  对于这个疑问,本蛋只想说,针对不同的公司,需求可能不同,但是如果你想要真正进入IXD 这个行业,对于UX的了解是必须的。或许你已经了解了UX,但是你作品集里并没有体现,那么这不就是埋没了你的才华吗?

  一个清晰的设计流程,不仅可以让你轻松的去讲解你的设计,同时,还可以让面试官觉得虽然你面试的是UI,但是同时你对UX的了解程度可以让你很好的去和UX设计师合作。

  看到这里的朋友,可以看看自己的作品集里有没有一个项目包含了完整的设计流程?如果没有,本蛋这里会举一些例子来告诉大家怎么来“完整”自己的项目。

  设计流程有很多种,大同小异。而如今,开发和设计开始紧密结合,很多公司在招聘的时候就会提到一些开发的方法,所以今天我要讲的设计流程中会提到一些开发流程。他们分别是Waterfall (瀑布流式开发)& agile(敏捷开发). (划重点啦)。而如今agile成为主流的开发流程方法,虽然我们不是程序猿,但是我们同样可以在面试的时候提到这些这些方法,让面试官觉得你不仅只是个美工。

  UI 设计流程可以关注:《入门必读!UI设计的整个工作流程是怎样的?》

  讲了这多废话,下面用我自己的作品举个例子吧 (当然这个作品我只挑重点发局部,完整版下次发)

  题目,介绍下项目的名字,种类。

  

 

  这里相当于是一个隔页or封面,用于起到分割的作用。

  2. 设计流程Overview(划重点!)

  

 

  在这一页,详细介绍你整个设计的过程,这里我写到从了解项目-用户研究-设计-评估-再设计,并且抢到了设计-评估-再设计是一个反复的流程,这里比较符合agile的开发方法。

  这一页非常重要,因为这样会让面试你的人或是看你作品的人对你项目的流程有个宏观的认识,并且知道你不仅仅只是局限在某一环节。如果你只参与了其中一部分,比如UI 设计,你可以着重强调。

  3. 项目背景介绍/用户介绍/各种背景知识介绍

  

 

  这页我选择的是用户介绍,用了infographic去展示我的插画能力同时起到视觉吸引效果,说实话,没有谁会一字一句读这些内容,但是有这个用户介绍,会让面试官对你的设计背景有更好的理解。

  4. 用户调研

  

 

  作为一个交互设计师,你的作品应该是有数据来源的,为了更好的了解用户,你需要收集数据。这里我推荐最基础的两种调研方法,问卷和访谈。 所以,在你的作品的过程里,加上用户调研,会使得你的最终结果非常有说服力。(没有?没有你可以编啊… )

  5. 角色板

  

 

  这个可要可不要,就是根据你的调研模拟出几个代表性的用户。

  6. 设计需求/洞察点

  

 

  当你有一系列数据作为支撑了并且还有假定的用户组了,你就可以列出你的设计洞察点了。

  7. 头脑风暴

  

 

  这里就是炫草图的时候了,疯狂的堆草图,显得你做了很多方案动了很多脑子!!!

  头脑风暴怎么做?来看这份超详细的指南:《别急着画稿!来看这份全面细致的头脑风暴指南》

  8. 交互模型

  

 

  咱们是交互设计师,不是美工,为你的产品绘制一个交互模型会让面试官觉得不明觉厉,同时更好的了解你的作品是怎么“交互”的。、

  9. HTA Chart & Wireframe

  

 

  HTA Chart 是表达层级的图,这里也可以用flow chart代替。线框图大家都很熟悉啦。都放进作品集里会让人清楚的了解到你一步一步是怎么到线框图这个步骤的。

  10. UI 效果图

  图略

  这里大家都有啦,就是各种炫酷狂拽屌了,但是提醒大家的是,最好放大你这个产品的特色进行展示。

  11. 评估

  

 

  对我来讲,做完UI 不代表完事儿了,你还需要对你的作品进行评估,这里我用的是启发式评估,非常快速有效的方式。把评估这一环节做进你作品集里,会让面试官觉得眼前一亮(我猜)

  12. 再设计

  再次略

  就是把评估找出来的问题能解决的尽量解决。

  13. 最终展示图

  还是略

  最后再来张炫酷狂拽的!就完事啦!

  欢迎关注作者的团队MDD Design。

超赞!人气超高的HTML5特效排行榜TOP 10

  现在市面上有一大批HTML5页面模板制作工具,虽然方便了很多非专业设计师制作HTML5页面。但是不得不吐槽的是,很多模板工具平台上的作品大部分还停留在左飞入右飞出的初级境界,想感受真正精妙的高级特效,这10个专业人士的作品不得不看咯。

  那HTML5里有哪些高级动效了?小派几乎仔细体验了国内所有优秀H5页面作品,结合自己的一些理解,整理出下面十大HTML5页面特效。我们的HTML5作品如果能用上其中一两个,相信能增色不少!术语也许不够专业,欢迎吐槽!

  1. 粒子特效

  星际传奇:这是探索宇宙的门票

  

 

  百度百科:为模拟现实中的水、火、雾、气等效果由各种三维软件开发的制作模块,原理是将无数的单个粒子组合使其呈现出固定形态,借由控制器,脚本来控制其整体或单个的运动,模拟出现真实的效果。

  2. SVG路径动画

  元小望:SVG练习NO.1_描述孤独

  

 

  简而言之,就是让SVG的描边像是有人绘制一样的动画效果。动画轻巧不失真,特别适合那些崇尚简约设计风格的网页。

  上作品是派友(Epub360用户)元小望用Epub360设计制作的,大家感受下,是不是很酷!

  3. 序列帧动画

  大众点评:我们之间只有一个字

  

 

  百度百科:序列帧动画是只在时间轴的每帧上逐帧绘制不同的内容,使其连续播放而成动画。 因为逐帧动画的帧序列内容不一样,不但给制作增加了负担而且最终输出的文件量也很大,但它的优势也很明显:逐帧动画具有非常大的灵活性,几乎可以表现任何想表现的内容,而它类似与电影的播放模式,很适合于表演细腻的动画。例如:人物或动物急剧转身、头发及衣服的飘动、走路、说话以及精致的3D效果等等。

  派友晗萧模仿原版用Epub360制作了“我们之间只有一个字”的优化版,大家看看Epub360序列帧组件性能如何?

  4. 全线性动画

  腾讯UP大会:生命之下,想象之上

  

 

  全线性动画可以理解为动画连续,几乎不间断播放,像视频一样流畅细腻。

  这支HTML5页面打破了传统幻灯片式的呈现方式,塑造出了一种宽广、素雅、幽静的整体感受,该作品也被很多人推崇为HTML5里的动画片。

  5. Cinemagraphic

  Levi’s: “换”醒你的夏天

  

 

  什么是Cinemegraphic?如果你不知道,就有点OUT了。顾名思义,Cinema是电影摄影,Graph是图片,Cinemagraphic是一项将神奇的局部运动赋予静态照片的新技术。

  其中Cinemagraphic的应用恰到好处地了诠释了“自然风”的概念,只见画面上,人物的头发和衣角飞舞着,仿佛吹拂着一阵阵自然风,在炎炎夏日,他们依旧感受着清爽,尽情玩耍。作为互动者的人们,当看到画面上被风拂过的Cinemagraphic动态场景,他们也身临其境地感受到自然风所能带来的这种清爽感受。

  下面说说和交互相关的动画特效。

  6. 全景

  杜蕾斯的第一座美术馆

  

 

  虚拟全景美术馆的概念并不新鲜。其鼻祖应该是 Google 的 Art Project,让你能够在线浏览全世界大多数博物馆和美术馆。杜蕾斯“美术馆”的创新,在于它其实是热门广告形式HTML5页面的伪装。“我们想要通过多重手段(比如馆内的彩蛋、12 点闭馆无法访问等等)来创造一个虚拟的真实空间,而不是传统HTML5的单线程教育的逻辑。” Socialab 杜蕾斯组的负责人说,“液体主义群展将是杜蕾斯美术馆无数展览中的第一个。”

  7. 3D

  康师傅:2015最飞羊的新春祝愿

  

 

  

 

  祝福灯笼可以360旋转呈现,而且具有夜空繁星中题字灯笼飞来飞去的3D炫目效果,彰显“最飞羊的新春祝愿”。其中意趣和精妙所在,恐非文字所能表述。

  8. 点击碎屏

  大众点评:这个陌生来电你敢接吗?

  

 

  “点击屏幕”不新鲜,但是这种屏幕击碎的画面好像也特别讨人喜欢,大概有三轮左右的“击碎”动作,这是整个HTML5的互动高峰。发现这种“屏幕敲击”的常规动作特别有惯性,点一点就停不下来。是不是抓住了手机族的某些“强迫症”特点。

  9. 长按逐字

  韩寒再谈一加:1步1步看清韩寒

  

 

  整个HTML5页面用打字机的形式呈现,随着用户按下按钮,纸片会逐渐显示出韩寒从1999年起,为人熟知或不知的成长轨迹。触发逐字等动效很有真实感。

  10.滑动触发

  腾讯视频:这一幕你期待已久

  

 

  长页HTML5,滑动触发动效,和呆板的幻灯片式样的HTML5页面拉开了距离。Epub360虽然能实现带动效带触发的长页,但是目前暂时还不能实现这种滑动触发动画。

这5个思路 能让你的线上广告更加吸引人

  现如今的设计师大都是多面手,虽然各有擅长,但是通常会涉足不同的设计领域。网页设计师偶尔也会设计几个宣传用的折页,UI设计师偶尔做几张海报。

  虽然绝大多数的设计项目都遵循着相同的设计理论,并且都要做的足够好看,但是不同的设计产品的成败,决定性的因素并不相同。广告设计就是如此。通常广告位所预留的空间就不大,容错率并不高,而借助这小小的一块地方,你只有一次机会去打动你的目标用户。那么你要如何高效地设计出有用的广告呢?今天的文章,为你分享5个可供你参考的思路。

  设计重要,但是出发点和想法更重要,有的时候,好的思路是成功的一半。

  1、直击的文案

  

 

  小到网页间隙里的小广告,大到建筑上的巨幅海报,想要将用户吸引住、留下来,你需要一个一击必杀的优质标题文案,用简短的几个词汇,让用户注意到你。

  独特而有个性的标题效果明显,它可以成就你的产品和用户之间的关系。优秀的标题文案简短、直观,能够直接引导用户执行某些操作。

  作为一家生产洗发液的公司,潘婷所用的文案却是“不要洗头发”,这种让人迷惑的文案吸引用户继续看下去。这样的文案一开始就非常抓人眼球。

  标题的文案和排版设计、视觉设计都应该相互匹配,保持一致。这种匹配应该是气质和精神内核上的一致,它可以是强势、柔和也可以是真诚,或者发人深省。但是不论如何,它应该是令人难忘的,能够让你的产品或者品牌同用户建立起联系。

  当你在选择标题文案的时候,应该和整个广告策划统一起来,一个策划案可以使用一个标题搭配多种视觉设计,也可以采用多个相互配合的标题文案组合。当然,这些标题和设计应该具有相同的美学特征和氛围,确保整个广告的一致性和连续性。

  说起来,杜蕾斯的广告文案是相当值得学习的:《可能是最污的顶尖创意,杜蕾斯2016年微博文案盘点》

  2、用视觉呈现故事

  

 

  故事可以成为一个广告的优质载体。一个广告可以包含多个故事,甚至可以让一个广告以一系列故事来呈现,逐个发布,甚至会让用户去“追”广告。

  你可以通过不同的渠道将故事以一种统一而又不同的方式呈现出来。Hydroflask 就是这样来呈现的,而它在不同渠道展示产品的时候是通过一致的色彩来实现这一点的。

  视觉化的故事呈现手法,讲究的是一致的排版一致的色彩,你需要将图片、视频、插画等视觉元素视为整个设计的组成部分,统一的规划。这样一来,整个广告策划案看起来就是一个由多个部分组成的设计项目。

  接下来,你需要控制好你的故事的节奏和规模。最常见的错误就是在整个设计内塞入了太多的信息,即使是大规模的设计项目,也需要确保用户一目了然地看到核心的信息,而不是一眼获得全部的内容。图片和文字都需要用户在几秒内理解,你要讲述的是一个简单而有趣的故事,并不是一部厚重的小说。

  3、出人意料

  

 

  最好的广告总会出人意表。它会让人觉得有趣,感到惊讶,这通常都是通过视觉、文字的搭配组合来呈现。

  你可以使用一些小机巧来打破常规,然后引导用户按照你的预期执行某些操作,无论是查看视频还是点击链接。

  你的产品、服务和品牌有没有什么独树一帜的地方?或者你能不能以一种独特的方式来呈现你的品牌和产品?找到解决方案最佳的方法始终都是头脑风暴,没有限制天马行空的头脑风暴能帮你找到一条不太一样的路,也许剑走偏锋,也许鞭辟入里。

  头脑风暴的正确姿势:《正确姿势五步走!产品设计怎么做头脑风暴?》

  4、沉浸式体验

  和传统的平面广告不同,数字化的广告更加自由,其中可供设计的空间非常之大,现在来看数字化的广告设计,与其说是设计视觉,不如说是在设计体验。最关键的是,用户喜欢这样的方式。

  感官刺激始终是体验的重点。将强烈的视觉、声效、动作、图片都融合在一起,可以在短短的时间内形成新的情感纽带。你可以看看如今的社交媒体,参与度最高的方式并不是回复和转发,而是点赞。这是最容易参与、也是最具有参与感的一种交互,它从众,成本低廉,触手可及,也能表达情感,也非常有效。

  你要让用户参与进来,让他们有事可做。同时,你还要让他们知道很多人也在做这个事情,让他们明白他们也可以是其中一员。就像点赞。

  5、让人期待

  

 

  一个好的广告总会让用户想了解更多,或者更直接的让他们想要要要,买买买。但是不论它所带来的是哪种操作,它都是用户在期待之下的自发行为。

  只要你的广告策划传递的真实的信息,它就还算不错。比如Flo就是一个完全虚拟的角色,她代表着一个保险品牌,围绕着她有这一系列广告,Flo 甚至拥有她自己的Twitter 帐号,用户喜欢这个角色,期待看到更多相关的信息。

  你没有足够的时间和空间来展现全部的信息,所以你应该快速的呈现信息,换句话说,你可以让用户看到一部分,然后期待另外一部分。你展现的那部分内容很重要,而你留给用户想象和起来的部分同样重要。特别是线上广告,你应该留下链接,让用户点击。“戳我查看更多”,这几乎是必须的组成部分。

  结语

  在很长的一段时间当中,广告变得越来越模式化,而这种模式当中最令人诟病的就是“尽量将信息都填充进来”。

  但是今天说讲述的5个思路是不同的,内容决定设计,留白,故事都和这种填鸭式的广告不是一个路子。而线上广告和传统广告最大的不同在于,它可以创造体验。

网页首图抓住用户注意力的8个要点

  Banner 是我们最常聊到的设计元素,它是一个网页的招牌,是用户最容易看到的视觉元素。今天,我们来聊聊Banner中的急先锋,网页首图,它的设计之道。

  网页设计师都明白,网页对于用户的第一印象是非常重要的,而网页给用户的第一印象很大程度上取决于网页的视觉设计。现在的网页虽然多种多样,但是出于视觉化设计的目的,大多会使用大图背景,或者超大尺寸的Banner。当用户一打开网页的时候,映入用户眼帘的Banner ,是影响视觉设计的关键因素,它有个专门的术语是 Hero image,我们通常称之为首图。所以,网页首图的设计需要特别用心的。

  网页首图不仅仅是一张漂亮的图片,它还应该是强大的视觉传达工具。谈情怀不如讲套路,今天的文章,我们就通过一系列最佳实践来为你展示首图设计的一些设计“套路”。

  1、一定要使用相关图片

  在挑选图片的时候一定要精挑细选。

  合适而好的图片能够提升整体体验,而不合适的图片选择则可能毁掉整个设计。在选取图片的时候,尽量选择贴合主题,内容一致,主旨和目的相匹配的图片,这样可以避免用户的预期和内容产生割裂感。就像讨厌标题党一样,用户会因为首图和内容的不匹配而对网站内容失去信任,飞速离去。

  这个首图的内容实际说的是贷款,但是配图选取的是毛巾,在信息传达上就存在不匹配的问题。

  这个网站主推的产品就是冰激凌,内容和图片的一致,也符合用户的预期。

  2、让首图成为核心

  首图是承载内容的重要容器。

  你想要让内容不同凡响,又能够从整个设计中脱颖而出,那么就要用好首图。在视觉上设计优秀的首图能够让用户每次打开网站的时候都为之驻足。

  在首图的设计上,苹果每次都为我们提供了最优秀的案例。

  小贴士:首图并不需要将所有的信息都呈现出来,相反首图应该是强调重点,将最突出的部分强化并呈现出来。

  3、拿出情感化的设计

  将情感融入设计,并且用情感来说法用户,才是首图的设计之道。只有能够触动用户情绪的设计更具有说服力。

  很多时候,我们使用创意也好,借助热门IP也好,精心打磨文案也好,也只是希望让首图能够让用户惊喜、喜欢、需要,最终是要通过它调动起用户的情绪。

  积极的情绪刺激能够更好的建立用户和你的网站之间的互动感。

  4、一定要高清

  图片一定不要出现模糊或者像素化的情况,虽然这是一个低级错误,但是很多时候还是难以避免。

  低素质的图片是非常容易让人产生疏离感的,在高清屏幕到处都是的今天,模糊不清的图片是无法接受的(专门的像素风是另外一种情况)。

  想要用户对你的网站拥有积极的情绪,那么图片的素质一定要有保证,高素质的图片能够让用户准确地获得信息,清晰的图片总能让人看着更加舒服。

  5、强化CTA按钮

  网页首图常常和行为召唤(CTA)按钮搭配着使用。由于首图配图通常在视觉上极其突出,但是搭配有行为召唤按钮的首图,其本质上是用来吸引用户,传递信息,并引导用户去点击按钮的,所以行为召唤按钮和视觉信息丰富的图片之间,不应该互相干预,而是通过设计,让CTA按钮更加突出,让图片处于辅助的位置,最终达到吸引、引导的目的。

  按钮的视觉重量应该超过图片的视觉重量。

  6、控制对比度

  对比度是任何设计中都必须注意的点,在设计首图的时候同样需要注意。

  首图中的文本和排版也需要用心设计,通常需要选择加粗且易读的字体。如果你的图片和文字叠加到了一起,那么需要注意背景的图片和前景的文字之间的对比,确保文本是能够被清晰分辨的。通常,设计师会在图片上叠加上一个半透明的有色图层来降低繁复色彩的视觉信息量和干扰。

  除此之外,你还可以使用Scrims 技术,这种网页技术能够识别文本,并且让图片和底层的图片之间构成对比,确保可读性。

  小贴士:如果你打算使用使用图文叠加的方式来设计首图,还应当注意让图片的主体部分是清晰可见,且能够被用户轻松理解的。

  7、兼顾不同的屏幕尺寸

  如今的内容都需要考虑跨平台、跨设备、跨平台的兼容和适配性,当你的图片出现在不同尺寸的屏幕上的时候,它是否能够正常显示,正确显示,并且符合不同平台、不同屏幕的显示需求。

  小贴士:结合响应式设计的需求,你可以使用Cloudinary 这样的多尺寸图片生成工具,帮你生成符合响应式图片断点的图片。

  8、考虑使用插画

  在网页首图中使用插画能够赋予首图以个性。相比于图片,插画更加个性化,插画的内容更加自由,也更容易控制,从内容到技术均是如此。

  Dropbox 就使用插画来呈现、表达复杂的内容:

  小贴士:当你打算在首图当中使用插画的时候,请尽量保持插画和整体设计之间的一致性,尽量让它们看起来来源是相同的。

  结语

  网页首图绝对是真个设计中最关键的部分之一。选取素质高,有趣的图片,同网站的内容结合起来,参考上面的这些最佳实践,你的网页首图应该能够更上一层楼。

四两拨千斤的交互设计方法

  最近读了一本书,叫做《细节,如何轻松影响他人》,里面给出了52条意见,每一条意见都是经过大量实验得出来的,有一定的科学依据,而且这些意见也反应了人们的普遍心理,强力推荐销售人员看看。这本书的主旨就是:只需改变一点点,就可以达到四两拨千斤的显著效果。虽然有52条之多,但是我会抽取一些和交互关系比较大的观点进行解读。

  1、向“大众”借力

  主要反映的就是人们从众的心理,从众不但是攀比的心态,它的根源主要来自于:尽可能高效的做出正确的决定、获得他人的认同、用积极正面的角度看待自己。

  英国税务做了一个实验,每年英国都会有很多人不缴纳税款,他们只在缴税通知上加了一句话,使得迟缴的税款的清缴率达到了86%,上交了5.6亿英镑的税,这句话就是把按时纳税的人数写了上去。

  其实,这个策略我们日常设计中也用了很多,像理财产品,会告诉你有多少人正在用,让新用户放心投资,像抢购产品,也会说明,多少人已经买了,给出你要是买肯定不会上当的暗示。

  像淘宝的这个页面,每件商品都显示了月销售了多少,都已经卖出这么多了,那么肯定得到了大多数人的认可,如果我也买了,就和大众人是一样的。

  2、目标设的好,干劲会更足

  人们在首次制定目标的时候,需要制定一个具体的数字,但是,当人们重拾目标的时候,往往一个上下浮动的数字,更能激起人们的干劲。

  为了证实这个结论,研究者们做了一个实验,将减肥者分成2组,第一组目标一周减掉2磅,另一组是1-3磅,在前三周,第一组每周减掉了2.2磅,第二组减掉了2.67磅,减重效果相差不大,但是在是否愿意继续参加上,第一组只有50%愿意继续,第二组有80%愿意。

  人们实现目标主要有两个因素:挑战性和可实现性。挑战性,让人们有成就感,面对单一数字的目标,人们就会选一个相对容易达到的、相对有挑战的数字,而浮动范围性正好把这两个因素都包括了,既有可实现性又有挑战性。

  所以在设计让人们重拾目标的产品的时候,可以把目标设成可浮动的,像是今天运动4-5公里,每周减重3-6斤,这样更有利于人们坚持下去。

  像百词斩,要求用户每天背诵15个单词,如果用户完成,还可以挑战更多,没挑战一次都是一个固定的数量,这无形中就给了用户一定的压力,如果把这个单词设计成每天完成10-20个单词,然后新的一天,可以看见昨天完成了多少或者可以看这几天完成的数量,给出一个具体的展示,让用户和自己作比较,就可以更好的激励用户。

  3、如何激励他人完成任务

  人们现在需要完成一个很长的任务,两种描述:你已经完成了20%,你还有80%没完成,哪个更能激励用户完成呢?

  在执行任务的早期,盯着小数字能够唤起人们高效做事的欲望,从20%到40%,这相当于进展翻了倍,但是,如果进度从60%到80%,同样是20%的增量,但感觉上不过是完成了任务的五分之一。

  所以,我们再设计一些分布完成的任务时,如果用户的完成率比较低,可以改变鼓励的方法,开始显示任务完成的进度,一旦任务过半,就可以把百分数从“已经做了多少”转化成“还剩下多少”,这个小小的改变,可以提升用户的完成率。

  就像这样一个证券开户流程(这张图是从别人那copy的),主要分为4步,每步里又包含3-6小步,总共加起来,一共15个小步,用户填到一半的时候很容易没有耐心了,尤其填到50%-70%的时候,任务过半了,如果还显示已经完成的任务,就会降低用户完成的成就感,这时候就应该变成激励,你只剩下30%了,继续加油,这样,才能更好的帮助用户完成。

  4、当天就点评

  随着互联网的发展,人们越来越喜欢查看网络上的评论。PSB调研发现,七成的美国人在购买决定之前,会去网上查查评论和评分。相比正面信息,人们更易注意到负面信息。所以,近年来出现了刷好评、删差评等一系列行为,但是这种行为需要花费大量的人力物力,这里介绍 一个简单好用的办法就是及时评论。

  营销专家发现,如果正面信息里面使用了“我刚从那回来”、“我们今天刚去吃的饭”,那么,人们就会认为这条正面信息和负面信息由同样价值。

  当天就评价,通常指的是可以马上得出体会的产品,比如吃饭,吃完饭,你就有了感受,可以马上评价了,但是对于需要一定时间才能产生感受的商品,追加评论是个相当好的做法,比如化妆品,药等。

  5、把最好的留在最后

  第一印象很重要,但是,最后的印象更加重要,峰-终体验所说的就是:对一项事物体验之后,所能记住的就只是在峰与终时的体验,而在过程中好与不好体验的比重、好与不好体验的时间长短,对记忆差不多没有影响。

  峰-终体验就解释了为什么歌星总是把最受欢迎的歌曲放在演唱会结束时。为什么用餐结束时,服务生的祖鲁态度会把原本十分开心的就餐体验毁掉。

  我们现在设计网站的时候,通常强调第一印象,强调着开头,但是往往忽略掉结尾。用户离开网站的时候,弹出一个漂亮的图片或是一句致谢的话;用户在完成购物结束的时候,给顾客送上一份小惊喜或者发一张下次可以使用的代金券。如果这么做了,一定会大大提高用户满意度。

  这里的终,指的不只是离开网站的时候,同样也包括在浏览网站时,每一个任务的结束,例如搜索任务的完成,表格填写的完成等等。

  同样都是搜索任务完成没有结果,第一个就直接告诉你没有结果,让用户很挫败,但是第二个就给你推了和你品(bi)味(ge)很像的人,让用户就会觉得很贴心,用户体验很好,无论搜索的过程怎么样,时间怎么样,单单这个结果展示,就让用户对整个搜索过程很满意。

  结语

  以上5点都反映了人们的基本心理,充分的利用人们的心理,才能设计出令用户满意的东西。

  本文由 @设计Zan 原创发布于人人都是产品经理。未经许可,禁止转载