近期干货知识点输出汇总「第三期」

  • 经验类型规范/资料
  • 经验属性原创文章
  • 经验版权署名-非商业性使用
15571 12 181 2020-01-12

上期在传图的时候,忘记设置尺寸了,结果传的尺寸特别小。这次特地重新调了下尺寸,让大家看的更加舒服,想收藏下来的同学,直接下载文末的压缩包就好了,素材都高清无码的


  一样的,高清PDF未裁切版本,文末可下载  




因为近期较忙,所以第三期的篇长,相对而言要精简一些。

包括第二期的总结偏理论,很多小伙伴纷纷评论说看了觉得比较枯燥,所以这一期特地带了很多的设计案例,包括整理了一些资料的分享,尽可能让大家能在短时间内把这些知识吸收完整。


其中的每一小篇,也都是作者花了大量时间整理的,绝非为了应付。只希望在大家看完后,能对大家有所帮助,有所提升,有所收获。


整理不易,希望这些资料,能帮助到UI中国的各位小伙伴。

喜欢的伙伴们,只需要在下面给个免费的赞就成,谢谢啦。


补充一句,写这些资料的初衷,不是为了图什么,只是为了更好地帮助大家成长,促进行业的发展。所以这些资料,除了商业用途外,大家可以随意转载,甚至不用署名,只要能帮到更多的人就好了。另外再解释一下,虽然我的呢称叫UX小学,但我不是什么培训机构,也不是什么学校哈,以后也不会去开什么学校。大家不要误会了,我跟大家一样,只是一名普通的设计师,乐于分享、乐于交流。叫小学的原因,其实就是小小的学习一下,当时随便起的,想不到好名字,就这个了。不用怀疑我是培训班来的间谍 ~ ~ ~


其实我的真正呢称叫可达鸭~也可以叫我小鸭

大家有什么好的名字,也欢迎在文章下留言,感谢么么哒。


   2020年来了,祝大家新年快乐!! 


-----------  我是分割线  -----------


往期资源分享文章  


你有几份精选【述职汇报作品集模板】待领取

秒画数据图表 秒画UI组件,这插件不得了

十个神级高效 Sketch 插件分享

暗黑界面Dark Model 设计资源库

大厂设计规范案例分享下载

除了Din,有哪些好看还能免费用的数字字体下载

iPhoneX UIKIT & 汇报设计模板


- - - 1月13日更新 - - -


为了各位同学的体验,考虑到图片型文章不利于传播,所以下次分享除了保留PDF,还将使用图文编排的形式上传UI中国。


本期文字单独提炼出来了,方便大家总结。

以下为本期纯文字分享版本:


 十份精选【述职汇报作品集模板】待你领取 


答:前两天有同学在后台问,为什么王二蛋的作品集模板看起来这么丑?就不能给个好点的参考嘛~~看到这条留言,这粉丝的要求,那是必须要满足啊!!所以这几天熬夜给大家搜集了一些看起非常高档精美PPT及Keynote模板,今天分享给大家,附上分享理由,下载方式扫描右侧二维码,回复关键词『PPT』即可领取。(配图见上方图片)


01-PRADIC

暗黑系搭配橙色装饰,既高档又优美,用来做设计稿的Demo包装非常合适,看起来很高级。


02-SORE

高级香槟金配色,信息简洁凸显重点,做高档财富产品汇报时,用这套配色版式再合适不过。


03-EGALO

小清新设计风格,适合做年轻群体的产品展示,颜色非常轻快明亮,大面积留白看起来很舒适。


04-NOOR

这个黄色一看便很容易被吸引,适合社群圈子类的产品展示汇报,非常贴切生活配色感觉很温暖


05-BROSHE

推荐这款主要是很喜欢它的配色跟版式,有一种MUJI的感觉,质感非常轻,淡淡的温馨感觉


06-CROSEN

马卡龙的淡灰色系,非常素雅,深色的背景衬托出高档的精致,适合那些Studio工作室展示用


07-VHERO

小红书既视感,美妆整形类用这种的版式及配色瞬间会高大上许多,适合电商或者攻略类的展示


08-LOMADE

科技类、企业官网或者偏B端的产品,使用这套配色及版式,会很干净整洁,信息聚焦凸显品质


09-DELIGHT

复古的颜色系,非常有品味的一套配色,熟褐色搭配深绿,凸显高贵,有种高雅奢侈的品味感


10-KORENG

有深度的浅灰色搭配激情的小橙色,年轻潮流范儿,一些小而美好的产品,用这来展示非常适宜


小锦囊:这些素材都是小编可达鸭自个儿选了很久,然后花美刀买的,所以个人用途大家可以放心使用。不过也不建议一模一样照搬,毕竟是模板,最好也还是是在这基础上自己再进行一下调整,凸显一些个人的特色,这样就能够很完美啦~~


下载方式:公众号[ UX小学 ]后台回复[ PPT ]


考虑到有很多的同学还是用的 Windows ,所以这次小编特地把 Windows 版本的PPT格式也下载下来了,大家可以安心下载使用,下次小编再去外网用美刀买更多优质素材分享给大家。喜欢这些素材的同学,可以在评论转发回复一个『666』三连击,就是最好的支持啦。




 简单几个公式让你卡片设计得更加完美更加高级 


答:今日继续更新小贴士,给大家带来几个绘制大卡片类UI的小公式,简单实用还很好记。


1、圆角半径-Radius

一个完美的卡片,首先圆角弧度必然要很优美才可以。圆角过大,会显得过于臃肿,圆角过小则容易显得小气。随意定,显得很不系统,所以如何掌握这个圆度最佳?今天给大家分享个公式,圆角半径≈卡片宽度的4%,这样计算出来的圆角弧度看起来会更精致。补充一句,这个弧度是多次使用后总结出来的,大家可以试试,虽然不一定是最完美,但是大多数情况都非常适用。另外页面存在多个卡片尺寸时,圆角差异不宜过多,以最大卡片的那个尺寸宽度*0.04得到的圆角数为准就成,保持页面的风格统一。


2、阴影-Shadow

还有小伙伴记得咱们之前给按钮设的阴影公式吗?继续用那套公式做卡片,效果照样非常棒。

不记得之前公式的同学,再复习一下哦~阴影颜色=按钮颜色的 Alpha50%,x=0,y=按钮高度的20%,模糊值=按钮高度的50%,扩展=按钮高度的 -15%,高级又简单,完美!如果觉得这个弥散阴影太大的同学,也可以自己手动简单调整下,不碍事。


如果是白色的卡片,除了要用到上面那些方法外,还需要在卡片下添加背景填充色,色值也不宜太深,建议值为#F5F5F5。另外阴影的颜色推荐使用不透明度为10%的纯黑


3、字体-Font

字体这个没啥太大讲究,主要注意两点,一点是卡片里面的字号,不要使用超过三种!!一旦字号多了,这样其实就很Low了。通常分大中小,三号字体即可适用大部分场景。第二点,主标题保持加粗加大,一旦标题不够粗大,那么整个卡片的视觉,你是压不住的,会过于轻浮。不明白的同学可以参考一下下面这个案例。


PS:好了,今天的妙招就到这里了,看一百遍,不如自己动手做一遍。这么好用的小技巧,今天各位小伙伴们学到了吗?


喜欢的同学,可以关注公众号:UX小学 看更多经验分享并在文章下留言,这样小编才有动力持续的进行更新么么哒。



 手头能力跟理论知识,那个对设计师更重要一些?


答:对于创意设计师也好、UI设计师也好,按照个人之前发展的经验,掌握足够理论知识其实是不可缺少的。因为很多时候,光凭感性的判断,来定义设计的价值显然是不够客观的,缺乏理论依据。光用美与丑评价设计,不同人群对它的可观评价都不一样,所以一旦用感性衡量,人人都能用“我认为”、“我觉得”来评判一个设计的好坏跟价值,容易过于主观,缺乏根本的依据。假如这个设计不是特别好看,但是能解决问题,那么这个设计就没有价值了吗?所以评价设计,肯定需要用到系统有依有据的理论来支撑。


另外掌握足够理论知识,其实是能够帮助设计师建立起设计世界的理论观跟价值观的,也是有效的说服别人、证明自己的价值的关键。学会用数据,用方法,用推导,能很轻松帮助设计师来描述自己的价值,阐述设计在项目中发挥的作用,并且更能把事情讲清楚。


所以其实很多时候,意识要比行动会更重要,只有让设计师的设计意识变的系统化,所创造出来的价值才会变的更大。


但另外,不同阶段的设计师,对于这块的侧重点也不一样。


成长初期,更多的需要打磨手头上的手活能力,刻意的追求设计理念设计意识,会很容易被人否定,而且因为经验的欠缺,往往你定义的设计价值观并不是那么准确的,甚至会有相背离。这个节点,多做事,多练习,提升项目经验,把手头能力提上来才是关键。


成长中后期,多想比多做更重要,多做的价值是有限的,基础经验掌握好就够了,其它过多的经验其实用处也不大。而且你的精力,也只会越来越少。要想把价值做大,只能去提高自己的设计视野,这个时候,理论知识就尤为重要了。因为设计理念设计意识,会决定你动手时对于各方面的斟酌跟思考,包括你在设计时,对于细节,如何把你的理念跟意识融入进去,这些都是影响最终结果及成败的关键。因此对于老手来讲,项目经验足够丰富,设计足够系统,理论知识足够丰富,方法论一套一套的,才能 Cover 得住更大的责任,也才能有更大的空间。


至于怎么学习,这个其实更多的看天分,有的人一点就懂。不过我属于那种没天赋的,就是多花时间研究别人写的文档,研究别人的PPT,多花几倍的时间去想,去看。包括现在很多优质的自媒体号,也会写一些很有效的方法理论,这个可以多看看,很有用的。这里再次推荐关注阿里巴巴设计的官方微信号:Alibaba design 、腾讯设计的官方微信号 ISUX ,里面内容都非常好


还有就是微信读书有很多关于方法论的书籍,可以去那个里面多看一下,对于提升视野非常有帮助。我经常看的有注意力革命、金字塔思维、平台经济、简单的逻辑学。多读些这方面的书,肯定不会差~~~昨天推的那些书,都是我一一看完过的,非常有收获,建议大家有精力,真的可以好好看看。


PS:扫码文章顶部的二维码,后台回复“电子书单”即可领取推送的详细书单内容。




 如何用公式,来科学定义字的行宽及字数?


答:一行文字多的时候,阅读效率更高。一行文字少的时候,更能够吸引用户注意力。


不知道大家平常有没有纠结过正文中一行文字,到底根据字号,放多少个比较合适?是一行放20个,还是30个或者是50个?有没有科学的角度证明?


其实关于这个,国外还真有设计机构专门为此进行了研究,试图通过算法,找出文字与用户阅读的偏好关系。根据算法结果表明,容器里面通常单行文字越多的,阅读速度越快,理解效率越高。而容器里单行文字越短的,反而阅读速度变低。不过大部分用户还是会优先阅读文字短的一行,哪怕速度低


根据他们的推导计算,在文字标准字距为0时,一行的汉字字符个数≈(容器宽度/字号)*0.9

文章的阅读效率更高。


所以一行的汉字字符个数≈(容器宽度/字号)*0.6 时,更能吸引用户注意力,用户也更愿意优先阅读它。


单行文字越多,为什么更加的易读呢?这主要是还是因为用户每次读到行末,眼睛的扫视和凝视动作都会被打断掉。因此对于同一篇文章,如果每行较短,则全文中打断阅读的次数就会较多。


不过有趣的是,用户还是会更乐意阅读一行中文字较短的文章,因为他们坚信一行文字较短的文章,阅读效率更高。这主要因为在大脑认知里,一行中文字数量少,阅读起来就简单一些。


小锦囊:

所以行宽定义多少个文字,还是得根据内容的形式来定,如果是长文章的,文中内容大于形式的,阅读速度很重要,建议使用公式中 0.8-0.9的倍率,来设置文字行宽。一行中尽可能多容纳一些文字,提升用户阅读效率。


如果是短文,或者是偏形式的内容,阅读速度没那么重要的,使用公式中0.5-0.6的倍率。一行中文字较少行宽较短,是更能吸引用户眼球,提高用户的注意力。




 经验总结:提升每天工作效率的一个小技巧 


今天给大家带来一个提升工作效率的技巧。这个技巧很简单,也很实用,就是每天工作完成后,写个很小的总结。为啥要今天要分享这个,主要也是因为小编从工作到现在,一直有坚持写总结习惯,前几天有事突然没写,才发现这个习惯有多么重要,直接影响着效率。今天就把小编写总结的方法分享给大家,没写过的同学可以尝试坚持写一周,收获显而易见~~


为什么要每日写总结?


设计师都很忙,每天大脑会被各种各样的需求信息所充斥,特别是头一天下班晚后,经常第二天是浑浑噩噩的,不知道自己在做什么,说些什么,对自己的安排也没有节奏,没有计划,效率容易低下。所以每日总结,能很好地帮助自己找到项目节奏及方向感,你能很清晰的知道自己在做什么,包括接下来做什么,怎么把事情做好。


试想一下,每天来到工位,吃完早餐,伸个懒腰。然后打开备忘录,就能看到自己今天的工作安排,多么美妙。完全不用担心忘记自己要干啥,也不用担心自己像无头苍蝇一样,琢磨昨天干了什么,今天要要捡起哪些东西继续做。完全不需要再花精力思考,就能瞬间进入到状态。


每日总结写些什么?


因为这个总结每天都要写,所以一定不能写的太重,太复杂,不然很难坚持下去。简单写好这几点就可以啦:


1、当前手上主要工作(进度、后续投入、风险点)


2、接下来可能需要做的工作(对接人、突破点、项目开始时间)


3、简单谈谈今天最大的收获点是什么?


按照这简单的几点就可以啦,关键是要把节奏写清楚,包括未来的需要投入的风险等待。下半部分,小编将给大家举个案例,来帮助大家更好的理解。


每日总结写在哪里?什么时候写?


写在哪里这个因人而异,不过最好不要写在一些打开很麻烦的工具里,推荐使用系统自带的小工具。比如Mac系统中的备忘录,写下来非常方便。不过小编最爱用的还是 Mac 系统中自带的便笺,写完后自动置顶,随时修改调整特别方便


至于什么时候写,这个也是看人,不过小编比较懒,通常喜欢在下班前半小时写,这样既不会耽误下班的时间,明天一大早来了也能第一时间看到,省心又省事,哈哈哈。


PS:之前从来没写过每日总结的同学,新的一年来了,不要再偷懒。多给自己一点动力,尝试坚持写一周,能感觉效率提升很明显~



- - - 插图持续更新中 - - -


写作不易,喜欢的同学们请来个赞吧,感谢~~~

Powered by Froala Editor

全部评论:12

更多作品

发表评论

取消

点击右上角
分享给朋友吧

分享到

取消

每人每天仅限5票,快给你心仪的作品鼓励的一票。

投票