php

php

php相关问题
html+css

html+css

JavaScript

JavaScript

js,jquery,vue.js等
Linux

Linux

Linux操作系统
Mysql

Mysql

各种资源

各种资源

开发工具,手册等
就业指导

就业指导

UI设计

UI设计

教学视频分享

教学视频分享

感悟

就业指导张琨 发表了文章 • 1 个评论 • 692 次浏览 • 2019-09-19 13:32 • 来自相关话题

  一下午的游戏与讨论环节,让我充分的认识了班里的同学。之前大家都没怎么说过话,激烈的讨论问题时,都各抒己见,拉近了关系。班里的人都有点内向,活跃气氛后也都会敞开心扉,每个人都很好相处,也有自己的个性。在讨论环节,通过和团队中的同学一起讨论问题,我有很多感悟,我发现团队的合作比个人更加重要,一个团队有很多人,每个人由不同的想法,我们应该求同存异,尊重每个人的想法。虽然想法不同,但最终结果一定要统一,不一定要说服队员,可以保留想法,选出一个对团队来说最好的结果。 查看全部
  一下午的游戏与讨论环节,让我充分的认识了班里的同学。之前大家都没怎么说过话,激烈的讨论问题时,都各抒己见,拉近了关系。班里的人都有点内向,活跃气氛后也都会敞开心扉,每个人都很好相处,也有自己的个性。在讨论环节,通过和团队中的同学一起讨论问题,我有很多感悟,我发现团队的合作比个人更加重要,一个团队有很多人,每个人由不同的想法,我们应该求同存异,尊重每个人的想法。虽然想法不同,但最终结果一定要统一,不一定要说服队员,可以保留想法,选出一个对团队来说最好的结果。

团队合作的感想

就业指导谷慧雨 发表了文章 • 2 个评论 • 683 次浏览 • 2019-09-19 13:11 • 来自相关话题

团队合作,不管是对小动物还是人都是一种很重的协作方式,每一个团队成员之间最重要的就是交流沟通,而且团队合作的力量是无穷的,就像那句俗话说的人多力量大,每个人都尽自己相应的力量,得到的就会是自己力量的几倍之多。并且团队合作有利于人与人之间的交流,每一个团队中的的每个人都会有自己的想法与创意,互相畅谈可以促进项目更快更好的完成。就像昨天的小游戏,每个人的想法不同就会有很多种答案,但相互沟通说出自己的想法最终选择出大家一致同意的那一种就会很快解决。 查看全部
团队合作,不管是对小动物还是人都是一种很重的协作方式,每一个团队成员之间最重要的就是交流沟通,而且团队合作的力量是无穷的,就像那句俗话说的人多力量大,每个人都尽自己相应的力量,得到的就会是自己力量的几倍之多。并且团队合作有利于人与人之间的交流,每一个团队中的的每个人都会有自己的想法与创意,互相畅谈可以促进项目更快更好的完成。就像昨天的小游戏,每个人的想法不同就会有很多种答案,但相互沟通说出自己的想法最终选择出大家一致同意的那一种就会很快解决。

团队的总结

就业指导景季琴 发表了文章 • 1 个评论 • 585 次浏览 • 2019-09-19 13:10 • 来自相关话题

通过老师的一节课,让我知道了没有完美的个人,只有完美的团队,也让我对每一个人有了一个更的认识,每一个人既有缺点也有优点,在集体中面对他人的缺点我们要包容理解,正好可以取长补短,更重要的是互相配合,这样才会给集体带来更大的利益。

团队是一个集体,每个人发挥着重要作用,所以谁都不能缺少,虽然完成任务的过程很艰难,但只要我们每个人提出自己的观点,然后互补一个什么问题都不成问题。我们应该不断开拓,不断创新,不断磨合。

  查看全部
通过老师的一节课,让我知道了没有完美的个人,只有完美的团队,也让我对每一个人有了一个更的认识,每一个人既有缺点也有优点,在集体中面对他人的缺点我们要包容理解,正好可以取长补短,更重要的是互相配合,这样才会给集体带来更大的利益。

团队是一个集体,每个人发挥着重要作用,所以谁都不能缺少,虽然完成任务的过程很艰难,但只要我们每个人提出自己的观点,然后互补一个什么问题都不成问题。我们应该不断开拓,不断创新,不断磨合。

 

团队合作的感想

就业指导王晓桐 发表了文章 • 1 个评论 • 715 次浏览 • 2019-09-19 13:08 • 来自相关话题

  我之前没有类似这种团队探讨的过程,这次是一次非常好的体验。因为我们这个班性格都偏内向,只有我一个人在性格方面比较外向,比较能说。这次选我当班长,第一,是让我带动大家的情绪,第二,是给我的压力,也是我的动力,因为我个人我特别希望有人信任我。只要有人信任我我就可以把这件事努力做到很好,也感谢赵老师和刘老师给我这样一次历练的机会。
  我希望呢...多搞一些类似的活动,因为可以很好地带动大家的气氛,让大家不再死气沉沉的,就像刘老师说的,学设计,不交流讨论就死了一半,最后我希望,我这个“有趣的灵魂”可以带动大家,让大家都变成有趣的灵魂。 查看全部
  我之前没有类似这种团队探讨的过程,这次是一次非常好的体验。因为我们这个班性格都偏内向,只有我一个人在性格方面比较外向,比较能说。这次选我当班长,第一,是让我带动大家的情绪,第二,是给我的压力,也是我的动力,因为我个人我特别希望有人信任我。只要有人信任我我就可以把这件事努力做到很好,也感谢赵老师和刘老师给我这样一次历练的机会。
  我希望呢...多搞一些类似的活动,因为可以很好地带动大家的气氛,让大家不再死气沉沉的,就像刘老师说的,学设计,不交流讨论就死了一半,最后我希望,我这个“有趣的灵魂”可以带动大家,让大家都变成有趣的灵魂。

团队活动总结

UI设计陈婷 发表了文章 • 1 个评论 • 1576 次浏览 • 2019-09-19 12:59 • 来自相关话题

第一,要以团队的利益为自己的利益,以团队的价值观为自己的价值观,以团队的目标为自己的目标。要把自己的个人利益虚幻化向着团队的方向努力才会容易成功

第二,要努力形成自己的优势,懂得结善缘,才能得善果

第三,要知道什么时候发挥,善于等待和创造机遇,工作闲暇之余也要注意工作能力的培养,注意积累自己的知识,懂得扩展知识面才能走的更远。
第四,要保持谦虚的态度

第五,充分了解团队的主要意图,要做事半功倍的事

第六,要善于总结和不断的提高
  查看全部
第一,要以团队的利益为自己的利益,以团队的价值观为自己的价值观,以团队的目标为自己的目标。要把自己的个人利益虚幻化向着团队的方向努力才会容易成功

第二,要努力形成自己的优势,懂得结善缘,才能得善果

第三,要知道什么时候发挥,善于等待和创造机遇,工作闲暇之余也要注意工作能力的培养,注意积累自己的知识,懂得扩展知识面才能走的更远。
第四,要保持谦虚的态度

第五,充分了解团队的主要意图,要做事半功倍的事

第六,要善于总结和不断的提高
 

团队活动总结

就业指导刘昊翔 发表了文章 • 1 个评论 • 660 次浏览 • 2019-09-19 12:39 • 来自相关话题

今天下午在赵老师的带领下我第一次参加了班级的团队拓展活动。大家都刚刚入学不久,彼此之间都不互相了解,大家都显得有点紧张内向。赵老师通过姓名接龙的游戏让大家快速的熟悉了大家的名字,气氛也轻松了下来。后来又通过讨论荒岛求生的问题让大家分组进行讨论,大家都踊跃的各抒己见,遇到分歧大家理性讨论,最后由组长总结发表各位的想法。通过这次团队拓展活动我不仅熟络了大家的名字,性格,也让我知道了团队群策群力的重要性。在今后设计的工作当中少不了团队发生分歧的时候,今天的活动让我明白了只要团队相互信任,团结合作,就可以达成所有人都满意的目标。 查看全部
今天下午在赵老师的带领下我第一次参加了班级的团队拓展活动。大家都刚刚入学不久,彼此之间都不互相了解,大家都显得有点紧张内向。赵老师通过姓名接龙的游戏让大家快速的熟悉了大家的名字,气氛也轻松了下来。后来又通过讨论荒岛求生的问题让大家分组进行讨论,大家都踊跃的各抒己见,遇到分歧大家理性讨论,最后由组长总结发表各位的想法。通过这次团队拓展活动我不仅熟络了大家的名字,性格,也让我知道了团队群策群力的重要性。在今后设计的工作当中少不了团队发生分歧的时候,今天的活动让我明白了只要团队相互信任,团结合作,就可以达成所有人都满意的目标。

【vue】computed,methods,watch的区别

JavaScript王老师 发表了文章 • 8 个评论 • 1591 次浏览 • 2019-09-18 10:37 • 来自相关话题

1.computed和methods
共同点: computed能实现的methods也能实现
不同点:computed是基于它的依赖进行缓存的。computed只有在它的相关依赖发生变化才会重新计算求值。 而只要它的相关依赖没有发生变化,多次访问会立即返回之前的计算结果,而不必再次执行计算。相比之下,每当触发重新渲染时,调用方法将总会再次执行函数。也就是说当我们不希望有缓存,用方法来替代。
2.watch和computed
共同点:都是以Vue的依赖追踪机制为基础的,都是希望在依赖数据发生改变的时候,被依赖的数据根据预先定义好的函数,发生“自动”的变化。
不同点:
a. watch擅长处理的场景:一个数据影响多个数据;computed擅长处理的场景:一个数据受多个数据影响。虽然计算属性在大多数情况下更合适,但有时也需要一个自定义的侦听器,当需要在数据变化时执行异步或开销较大的操作时,通过侦听器最有用。vm.$watch === watch
b. computed计算属性是用来声明式的描述一个值依赖了其它的值。当你在模板里把数据绑定到一个计算属性上时,Vue 会在其依赖的任何值导致该计算属性改变时更新 DOM;
watch监听的是你定义的变量,当你定义的变量的值发生变化时,调用对应的方法。
 
<div>{{Name}}</div>

data(){
return {
num:0,
lastname:'',
firstname:'',
}
}

//当num的值发生变化时,就会调用num的方法,方法里面的形参对应的是num的新值和旧值
watch:{
num:function(val,oldval){
console.log(val,oldval);
}
},

//计算属性computed,计算的是Name依赖的值,它不能计算在data中已经定义过的变量。
computed:{
Name:function(){
return this.firstname+this.lastname;
}
} 查看全部
1.computed和methods
共同点: computed能实现的methods也能实现
不同点:computed是基于它的依赖进行缓存的。computed只有在它的相关依赖发生变化才会重新计算求值。 而只要它的相关依赖没有发生变化,多次访问会立即返回之前的计算结果,而不必再次执行计算。相比之下,每当触发重新渲染时,调用方法将总会再次执行函数。也就是说当我们不希望有缓存,用方法来替代。
2.watch和computed
共同点:都是以Vue的依赖追踪机制为基础的,都是希望在依赖数据发生改变的时候,被依赖的数据根据预先定义好的函数,发生“自动”的变化。
不同点:
a. watch擅长处理的场景:一个数据影响多个数据;computed擅长处理的场景:一个数据受多个数据影响。虽然计算属性在大多数情况下更合适,但有时也需要一个自定义的侦听器,当需要在数据变化时执行异步或开销较大的操作时,通过侦听器最有用。vm.$watch === watch
b. computed计算属性是用来声明式的描述一个值依赖了其它的值。当你在模板里把数据绑定到一个计算属性上时,Vue 会在其依赖的任何值导致该计算属性改变时更新 DOM;
watch监听的是你定义的变量,当你定义的变量的值发生变化时,调用对应的方法。
 
<div>{{Name}}</div>

data(){
return {
num:0,
lastname:'',
firstname:'',
}
}

//当num的值发生变化时,就会调用num的方法,方法里面的形参对应的是num的新值和旧值
watch:{
num:function(val,oldval){
console.log(val,oldval);
}
},

//计算属性computed,计算的是Name依赖的值,它不能计算在data中已经定义过的变量。
computed:{
Name:function(){
return this.firstname+this.lastname;
}
}

细节决定成败

UI设计寇老师 发表了文章 • 0 个评论 • 1502 次浏览 • 2019-09-16 09:34 • 来自相关话题

我们常说“细节决定成败”,有些界面会让人觉得不精致,缺细节,而这些细节又包括哪些呢?如何去深入呢?
界面元素的对齐,我见过很多同学对齐是永远靠眼睛的。确实在布局的时候经常需要做到视觉上的对齐,而不是机械的对齐,但这不是界面元素可以随意摆放的借口,该对齐的内容需要对齐,有时候只是举手之劳,养成好习惯很重要,有点强迫症也不是坏事情。
像素精确,虽然现在的分辨率越来越高,但是很多图标、按钮的边缘还是最好都检查一遍保证垂直和水平边缘不会被虚化。
界面光源的一致性,一致性是个很大的课题,应该能写一篇论文那么长,细节方面的一致性应该包括界面元素、文字阴影、图标等的光源。假设深色的标题文字用了向下的淡色投影表现内凹效果,那正文就应该避免用深色的文字向上投深色的阴影
图标面积的一致性,这也是一个一直难以避免的问题,而且有很多主观成分,最好的方法是设计的时候放到实际屏幕上以较远的距离查看,是不是有哪些会特别轻或特别重,然后再去调整尺寸
文案,虽然这不是直接的界面设计元素,但是严谨、完整的文案也是给所有设计加分的。常见的问题有中文错别字、英文该大写的没大写、拼写错误等等
别直接使用 Windows 自带宋体 / 黑体里的英文!!!这个不解释
谨慎地使用高饱和度颜色、大差别渐变,我们 GUI 设计师总喜欢把自己当做艺术家,即使 GUI 真算艺术那也是限制最大的一门艺术(天朝的电影、电视剧不算。。。),大家大部分情况下遇到的设计场景没有非常大的颜色空间去发挥,所以一些醒目出跳的颜 色和渐变使用起来要比较小心,否则很容易产生“俗气”的感觉
适当的留白,留白是个很好的东西,尤其是当老板 / 客户 / PM 要求你做一些“大气”的设计时候能成为一个很好的说辞,但是留白同时也很难掌握度,过度的留白有时候会起到反作用,让我们的作品看起来没有细节、内容空 洞。就跟那些学画画的同学在电脑上画图经常水平镜像检查画面一样,有时候我也会把做到一半的设计去色、然后反白,看看那时候画面里的黑色会不会产生一种令 人恐怖的感觉(好吧,我承认我是个很感性的同学,很多设计思路和方法都不够科学)。。。
其实这些问题罗列一下很容易,但是日常工作当中要做到真的是很难,我们大家一起共勉吧~ 查看全部
我们常说“细节决定成败”,有些界面会让人觉得不精致,缺细节,而这些细节又包括哪些呢?如何去深入呢?
界面元素的对齐,我见过很多同学对齐是永远靠眼睛的。确实在布局的时候经常需要做到视觉上的对齐,而不是机械的对齐,但这不是界面元素可以随意摆放的借口,该对齐的内容需要对齐,有时候只是举手之劳,养成好习惯很重要,有点强迫症也不是坏事情。
像素精确,虽然现在的分辨率越来越高,但是很多图标、按钮的边缘还是最好都检查一遍保证垂直和水平边缘不会被虚化。
界面光源的一致性,一致性是个很大的课题,应该能写一篇论文那么长,细节方面的一致性应该包括界面元素、文字阴影、图标等的光源。假设深色的标题文字用了向下的淡色投影表现内凹效果,那正文就应该避免用深色的文字向上投深色的阴影
图标面积的一致性,这也是一个一直难以避免的问题,而且有很多主观成分,最好的方法是设计的时候放到实际屏幕上以较远的距离查看,是不是有哪些会特别轻或特别重,然后再去调整尺寸
文案,虽然这不是直接的界面设计元素,但是严谨、完整的文案也是给所有设计加分的。常见的问题有中文错别字、英文该大写的没大写、拼写错误等等
别直接使用 Windows 自带宋体 / 黑体里的英文!!!这个不解释
谨慎地使用高饱和度颜色、大差别渐变,我们 GUI 设计师总喜欢把自己当做艺术家,即使 GUI 真算艺术那也是限制最大的一门艺术(天朝的电影、电视剧不算。。。),大家大部分情况下遇到的设计场景没有非常大的颜色空间去发挥,所以一些醒目出跳的颜 色和渐变使用起来要比较小心,否则很容易产生“俗气”的感觉
适当的留白,留白是个很好的东西,尤其是当老板 / 客户 / PM 要求你做一些“大气”的设计时候能成为一个很好的说辞,但是留白同时也很难掌握度,过度的留白有时候会起到反作用,让我们的作品看起来没有细节、内容空 洞。就跟那些学画画的同学在电脑上画图经常水平镜像检查画面一样,有时候我也会把做到一半的设计去色、然后反白,看看那时候画面里的黑色会不会产生一种令 人恐怖的感觉(好吧,我承认我是个很感性的同学,很多设计思路和方法都不够科学)。。。
其实这些问题罗列一下很容易,但是日常工作当中要做到真的是很难,我们大家一起共勉吧~

完善的品牌识别和网络解决方案

UI设计刘宇昆 发表了文章 • 0 个评论 • 2192 次浏览 • 2019-09-15 20:10 • 来自相关话题

Hannes Ahremark是设计工作室Studio Ahremar的设计工作室,位于瑞典哥德堡,旨在创造具有概念深度和现代视觉效果的复杂设计解决方案。根据Hannes在Behance上分享的项目,您可以证明他们保持多少目标,以提供真正令人敬畏的产品,在这种情况下,一个品牌标识和响应网站Limitato,一个致力于将时尚世界与时尚世界融为一体的时尚品牌艺术世界。 

尊重艺术家并保持其原创作品的真实性是Limitato业务的核心。Limitato与世界上一些最杰出的艺术家和摄影师合作,他们使用精选作品并将其转换为“限量可穿戴艺术”。 
 
Limitato来到Studio Ahremark,提供全面的视觉识别和网络解决方案,使其与其他“常规”时尚品牌区别开来,并强调他们对美术的承诺。 
 
该解决方案是一个网站,能够毫不费力地容纳艺术和时尚,而不会感到双面。这是通过创建一个将艺术家,他们的艺术和服装联系在一起的排版系统来完成的。此外,该网站还有一个主题引擎,可以根据要显示的艺术品创建不同的情绪和布局。
 
品牌识别与网页设计
 


















































  查看全部
Hannes Ahremark是设计工作室Studio Ahremar的设计工作室,位于瑞典哥德堡,旨在创造具有概念深度和现代视觉效果的复杂设计解决方案。根据Hannes在Behance上分享的项目,您可以证明他们保持多少目标,以提供真正令人敬畏的产品,在这种情况下,一个品牌标识和响应网站Limitato,一个致力于将时尚世界与时尚世界融为一体的时尚品牌艺术世界。 

尊重艺术家并保持其原创作品的真实性是Limitato业务的核心。Limitato与世界上一些最杰出的艺术家和摄影师合作,他们使用精选作品并将其转换为“限量可穿戴艺术”。 
 
Limitato来到Studio Ahremark,提供全面的视觉识别和网络解决方案,使其与其他“常规”时尚品牌区别开来,并强调他们对美术的承诺。 
 
该解决方案是一个网站,能够毫不费力地容纳艺术和时尚,而不会感到双面。这是通过创建一个将艺术家,他们的艺术和服装联系在一起的排版系统来完成的。此外,该网站还有一个主题引擎,可以根据要显示的艺术品创建不同的情绪和布局。
 
品牌识别与网页设计
 

1.jpg


2.jpg


3.jpg


4.jpg


5.jpg


6.jpg


7.jpg


8.jpg


9.jpg


10.jpg

 

设计领域里的数字之美

UI设计寇老师 发表了文章 • 0 个评论 • 1584 次浏览 • 2019-09-12 16:54 • 来自相关话题

比例关系是设计时必须要考虑的元素之一,无论在尺寸、空间还是颜色上,比例和谐与否会影响设计元素之间的关系。比例可以创建视觉层次,也可以产生一种张力或一种和谐感。纵观设计历史,运用比例进行创作一直是一个创造性的方法。一些体系如黄金比例和三分法将结构带入到设计中,创造了一种和谐感,并确保了平衡和连贯性。品牌形象设计和版式设计是把比例应用到设计中的主要领域。
 
黄金比例黄金比又称黄金律,是指事物各部分间一定的数学比例关系,即将整体一分为二,较大部分与较小部分之比等于整体与较大部分之比,其比值约为1:0.618,即长段为全段的0.618。0.618是被公认为最具有审美意义的比例数字。
那黄金分割线到底是个什么东西呢。它在什么位置?它在画面中的什么地方?
有一条线条,如果我们从中切一段,如果左边是0.618这么一个比列,右边是1这么一个比例。
如果符合这样的左右比例我们称之为黄金分割比。那么中间切割的位置就是我们黄金分割线的位置。

三分线(黄金比例的衍生)
我们还有个困难,那就是0.618:1的黄金分割线的位置确实不是很好找。所以对于设计师来说,我们有一种简化黄金风格线的做法?就是三分线。
什么意思呢?三分线就是均匀的把长方形的长和宽切三段,均匀的砍三段,每个方格都是一样大小。

白银比例
根号矩形具有特殊性质,由√2矩形开始可以无限地衍生出√3、√4、√5、√6等矩形,同时在这些矩形内部又可以分割出无限的等比矩形。
白银比例 √2 ≈ 1.414

青铜比例
因为根号矩形的等比性和可无限分割型,所以在分割构图中和黄金矩形一样,能产生大量和谐的组合。
青铜比例 √3 ≈ 1.732

斐波那契数列(黄金比例的衍生)
斐波那契数列是由意大利数学家奥纳多·斐波那契在1202年出版《算盘全书》中提出。这组数列的数字为1、1、2、3、5、8、13、21、34…从第三位开始,每一个数都是由前两位相加得出。而这个数列的比例形式非常接近黄金比例,所以又称“黄金分割数列”。
斐波那契数列(FibonacciSequence)数列是这样一个数列:
1、1、2、3、5、8、13、21、34、55、89…

等差数列
等差数列是最常见数列的一种,如果一个数列从第二项起,每一项与它前一项的差等于同一个常数,这个数列就叫作等差数列。比如1、3、5、7、9、11、13…

等比数列
如果一个数列从第二项起,每一项与它前一项的比值等于同一个常数,这个数列就叫作等比数列。比如1、2、4、8、16、32、64…

卢卡斯数列
卢卡斯数列:1、 3、 4、 7、 11、18、 29、 47、 76、 123…
斐波那契数列和卢卡斯数列具有相同的性质:从第三项开始,每一项都等于前两项之和,我们称之为斐波那契—卢卡斯递推。

卡特兰数
卡特兰数是一种经典的组合数,经常出现在各种计算中,其前几项为 : 1、2、5、14、42、132、 429、1430、4862…

帕多瓦数列
帕多瓦数列是:1,1,1,2,2,3,4,5,7,9,12,16,21,28,37,49,65,86,114,151……
它从第四项开始,每一项都是前面2项与前面3项的和。即x=(x-2)+(x-3),x为项的序数(x>4)。
它和斐波拉契数列非常相似,稍有不同的是:每个数都是跳过它前面的那个数,并把前面的两个数相加而得出的

雷诺数列
雷诺数列是把10分成5份,或10份、20份、40份的一个方法,就是应用在分割比例上,二是应用在字号比例大小选择上。从数学上讲就是把10分别开5次方、10次方、20次方和40次方。我们以5次方为例分别是:10%、16%、25%、40%、63%、100%。

勒·柯布西耶 — 模度(黄金比例的衍生)
1948年,经过7年的理论研究与试验,柯布出版了《模度-合乎人体比例的、通用与建筑和机械的和谐尺度》一书,详细阐述了模度理论的开端、发展、完善到实际应用。此书的出版标志着模度理论的正式建立。
比较成熟的模度系统的数字推导起始于以身高为6英尺(约183厘米)人作为标准,结合斐波那契数列分析。对人体的分析得出的结论包括以下几个关键数字:举手高(226厘米),身高(183厘米),脐高(113厘米)和垂手高(86厘米)。这一系列数字都可以利用黄金分割比和斐波那契数列结合在一起:43=70×0.618,70=113×0.618,113=183×0.618;43+70=113,70+113=183,43+70+113=226。
柯布还借助“模度”的比例优势对文艺复兴的几何不变性研究展开了批判。他认为对正多面体、星形体及正多边形的研究,背离了基于视觉判断的建筑学的本质,因为人眼对不同距离的事物的认知并不是均匀、等分的而是渐变的

三角函数特殊角
特殊三角函数值一般指在0,30°,45°,60°,90°,180°角下的正余弦值。
我们在设计中会把360°角度会进行细分,以15°角为一个单位进行递增归纳我们常用的角度值:0°、15°、30°、45°、60°、90°、120°、135°、150°、180°、270°
我们在设计中在颜色的色相就是用360°来衡量的,设计中经常使用不透明度配色法就是把颜色不透明度10等分,在产品设计中我们确定主色的颜色后,可以根据主色的色相的角度值比如每次增加15°来找到合适的辅助色和点缀色。
最近两年流行的2.5d插画风格就是会基于30°倾斜角去统一轴的方向。
品牌设计中也是一样,很多都需要线条辅助。线的角度有0°、15°、30°、45°、60°、90°帮助设计的更加合理规范。

8点网格
建立8点为一个单位的网格,所有的元素尺寸都是8的倍数。使用 8 的增量来确定页面上元素的大小和空间。界面设计中的边距或填充都是 8 的增量(倍数)
如果你用8作为设计的最小单位,你可以很方便的缩小的你的设计尺寸,8/2=4,4/2=2,2/2=1。

图片常用尺寸
在UI界面设计中我们经常需要使用不同尺寸的图片,由于移动端界面大小有限,在大量界面设计中总结了图片尺寸的比例有1:1、2:3、4:3、16:9、16:10。
Airbnb移动端的界面中使用了大量1:1、3:2、13:21等尺寸大小的图片,有了基于黄金比例的图片尺寸让界面排版看上去更加合理舒服。

费希纳矩形
19世纪中叶,德国心理学家费希纳曾经做过一次别出心裁的试验,他召开一次“矩形展览会”,会上展出了他精心制作的各种矩形,并要求参观者投票选择各种自认为最美的矩形,结果以下四种矩形入选(宽×长):(1)5×8;(2)8×13;(3)13×21;(4)21×34。
因为5∶8=0.625,8∶13≈0.615,13∶21≈0.619,21∶34≈0.618。由此可见,它们的宽与长的比都接近于0.618,因此这些矩形可近似地看作黄金矩形,给人以美的感受。
 
  查看全部
比例关系是设计时必须要考虑的元素之一,无论在尺寸、空间还是颜色上,比例和谐与否会影响设计元素之间的关系。比例可以创建视觉层次,也可以产生一种张力或一种和谐感。纵观设计历史,运用比例进行创作一直是一个创造性的方法。一些体系如黄金比例和三分法将结构带入到设计中,创造了一种和谐感,并确保了平衡和连贯性。品牌形象设计和版式设计是把比例应用到设计中的主要领域。
 
黄金比例黄金比又称黄金律,是指事物各部分间一定的数学比例关系,即将整体一分为二,较大部分与较小部分之比等于整体与较大部分之比,其比值约为1:0.618,即长段为全段的0.618。0.618是被公认为最具有审美意义的比例数字。
那黄金分割线到底是个什么东西呢。它在什么位置?它在画面中的什么地方?
有一条线条,如果我们从中切一段,如果左边是0.618这么一个比列,右边是1这么一个比例。
如果符合这样的左右比例我们称之为黄金分割比。那么中间切割的位置就是我们黄金分割线的位置。

三分线(黄金比例的衍生)
我们还有个困难,那就是0.618:1的黄金分割线的位置确实不是很好找。所以对于设计师来说,我们有一种简化黄金风格线的做法?就是三分线。
什么意思呢?三分线就是均匀的把长方形的长和宽切三段,均匀的砍三段,每个方格都是一样大小。

白银比例
根号矩形具有特殊性质,由√2矩形开始可以无限地衍生出√3、√4、√5、√6等矩形,同时在这些矩形内部又可以分割出无限的等比矩形。
白银比例 √2 ≈ 1.414

青铜比例
因为根号矩形的等比性和可无限分割型,所以在分割构图中和黄金矩形一样,能产生大量和谐的组合。
青铜比例 √3 ≈ 1.732

斐波那契数列(黄金比例的衍生)
斐波那契数列是由意大利数学家奥纳多·斐波那契在1202年出版《算盘全书》中提出。这组数列的数字为1、1、2、3、5、8、13、21、34…从第三位开始,每一个数都是由前两位相加得出。而这个数列的比例形式非常接近黄金比例,所以又称“黄金分割数列”。
斐波那契数列(FibonacciSequence)数列是这样一个数列:
1、1、2、3、5、8、13、21、34、55、89…

等差数列
等差数列是最常见数列的一种,如果一个数列从第二项起,每一项与它前一项的差等于同一个常数,这个数列就叫作等差数列。比如1、3、5、7、9、11、13…

等比数列
如果一个数列从第二项起,每一项与它前一项的比值等于同一个常数,这个数列就叫作等比数列。比如1、2、4、8、16、32、64…

卢卡斯数列
卢卡斯数列:1、 3、 4、 7、 11、18、 29、 47、 76、 123…
斐波那契数列和卢卡斯数列具有相同的性质:从第三项开始,每一项都等于前两项之和,我们称之为斐波那契—卢卡斯递推。

卡特兰数
卡特兰数是一种经典的组合数,经常出现在各种计算中,其前几项为 : 1、2、5、14、42、132、 429、1430、4862…

帕多瓦数列
帕多瓦数列是:1,1,1,2,2,3,4,5,7,9,12,16,21,28,37,49,65,86,114,151……
它从第四项开始,每一项都是前面2项与前面3项的和。即x=(x-2)+(x-3),x为项的序数(x>4)。
它和斐波拉契数列非常相似,稍有不同的是:每个数都是跳过它前面的那个数,并把前面的两个数相加而得出的

雷诺数列
雷诺数列是把10分成5份,或10份、20份、40份的一个方法,就是应用在分割比例上,二是应用在字号比例大小选择上。从数学上讲就是把10分别开5次方、10次方、20次方和40次方。我们以5次方为例分别是:10%、16%、25%、40%、63%、100%。

勒·柯布西耶 — 模度(黄金比例的衍生)
1948年,经过7年的理论研究与试验,柯布出版了《模度-合乎人体比例的、通用与建筑和机械的和谐尺度》一书,详细阐述了模度理论的开端、发展、完善到实际应用。此书的出版标志着模度理论的正式建立。
比较成熟的模度系统的数字推导起始于以身高为6英尺(约183厘米)人作为标准,结合斐波那契数列分析。对人体的分析得出的结论包括以下几个关键数字:举手高(226厘米),身高(183厘米),脐高(113厘米)和垂手高(86厘米)。这一系列数字都可以利用黄金分割比和斐波那契数列结合在一起:43=70×0.618,70=113×0.618,113=183×0.618;43+70=113,70+113=183,43+70+113=226。
柯布还借助“模度”的比例优势对文艺复兴的几何不变性研究展开了批判。他认为对正多面体、星形体及正多边形的研究,背离了基于视觉判断的建筑学的本质,因为人眼对不同距离的事物的认知并不是均匀、等分的而是渐变的

三角函数特殊角
特殊三角函数值一般指在0,30°,45°,60°,90°,180°角下的正余弦值。
我们在设计中会把360°角度会进行细分,以15°角为一个单位进行递增归纳我们常用的角度值:0°、15°、30°、45°、60°、90°、120°、135°、150°、180°、270°
我们在设计中在颜色的色相就是用360°来衡量的,设计中经常使用不透明度配色法就是把颜色不透明度10等分,在产品设计中我们确定主色的颜色后,可以根据主色的色相的角度值比如每次增加15°来找到合适的辅助色和点缀色。
最近两年流行的2.5d插画风格就是会基于30°倾斜角去统一轴的方向。
品牌设计中也是一样,很多都需要线条辅助。线的角度有0°、15°、30°、45°、60°、90°帮助设计的更加合理规范。

8点网格
建立8点为一个单位的网格,所有的元素尺寸都是8的倍数。使用 8 的增量来确定页面上元素的大小和空间。界面设计中的边距或填充都是 8 的增量(倍数)
如果你用8作为设计的最小单位,你可以很方便的缩小的你的设计尺寸,8/2=4,4/2=2,2/2=1。

图片常用尺寸
在UI界面设计中我们经常需要使用不同尺寸的图片,由于移动端界面大小有限,在大量界面设计中总结了图片尺寸的比例有1:1、2:3、4:3、16:9、16:10。
Airbnb移动端的界面中使用了大量1:1、3:2、13:21等尺寸大小的图片,有了基于黄金比例的图片尺寸让界面排版看上去更加合理舒服。

费希纳矩形
19世纪中叶,德国心理学家费希纳曾经做过一次别出心裁的试验,他召开一次“矩形展览会”,会上展出了他精心制作的各种矩形,并要求参观者投票选择各种自认为最美的矩形,结果以下四种矩形入选(宽×长):(1)5×8;(2)8×13;(3)13×21;(4)21×34。
因为5∶8=0.625,8∶13≈0.615,13∶21≈0.619,21∶34≈0.618。由此可见,它们的宽与长的比都接近于0.618,因此这些矩形可近似地看作黄金矩形,给人以美的感受。