知识库
特殊 | A | B | C | D | E | F | G | H | I | J | K | L | M | N | O | P | Q | R | S | T | U | V | W | X | Y | Z | 全部
S |
|---|
Superformula超级方程式 📖算法说明 ▶️曲线绘制过程演示  超级公式是超椭圆的推广，由 Johan Gielis 在 2000 年左右提出。 Gielis 认为该公式可以用来描述自然界中存在的许多复杂形状和曲线。Gielis 已提交与超级公式生成的模式合成相关的专利申请，该专利于 2020 年 5 月 10 日到期。 在极坐标中，有 通过为参数选择不同的值 该公式是对超椭圆进行推广得到的，由丹麦数学家皮特·海因命名并推广。 在以下示例中，每个图上方显示的值应为m、n 1、n 2和n 3。
通过超级公式的球积，可以将公式扩展到 3、4 或n维。例如，通过将两个超级公式r 1和r 2相乘获得3D参数化表面。坐标由以下关系定义：
3D超级公式：a = b = 1；m、n 1、n 2和n 3显示在图片中。 可以通过在超级公式的两项中允许不同的m个参数来概括超级公式。通过替换第一个参数{\displaystyle m} 这允许创建旋转不对称和嵌套结构。在下面的例子中 a, b、
| |
半径和
角度，超级公式为：
和
可以生成不同的形状。
（
带有y和第二个参数{\displaystyle m}
和
是 1:
倒 |
|---|
倒计时特效倒计时特效函数-counterDownAnimation，调用参数： number - 倒计时从哪个数字开始计 color - 数字圆框颜色 diameter - 数字圆框直径 audio - 每次倒计时的音效 onEnd - 倒计时结束后的回调函数 | |
取 |
|---|
平 |
|---|
平面设计的要素专业科班方法！平面设计里怎样提高作品的视觉冲击力？2016/10/31 推荐： 程远
@乘与九设计 ：提高视觉冲击力的方法非常非常多，我将结合下我的平面设计经验，总结归纳一下我所学习到的平面设计理论。我一直觉得学习平面设计不能只着眼于平面，应该让眼光开阔些，所以我下面的一些例子会从传统平面海报，绘画，建筑，电影等各个方面来分析设计原则。 内容摘要
排版四大原则平面设计中最经常被使用到，也是经常被人提及的四大原则分别是Contrast/对比，Repetition/重复，Alignment/排列，Proximity/亲近。 1. Contrast/对比：“Contrast is the most important element of all graphic design. ” --- Jan Tschichold 对比是所有平面设计中最重要的元素。我们可以在设计过程中，找一个对比点，再把这个对比极端化，例如，使用正负形空间，对比色，粗细对比，尺寸大小对比，字体bold和Italic对比等等。
上面这张经典而精彩额封面由Emily Mahon 设计，封面插画的作者是RayMorimura 。通过田野线条的纵向延伸，同时使用负空间将观看者的注意力引向（TheWealth of Nations）这一标题的，设计师使用了自然风景，动物和人物手掌为设计元素，是否是利用人与自然之间的关系的角度来诠释书籍内容？
在上面这张Helen Yentus 设计的封面中，设计者使用了白色的方框来象征医院中冰冷的消毒灯。设计者还有意识地将医生的形象处理得没有特色，这是为了凸出该书主题的普遍性。
上面这张海报中，标题字体颜色对比，副标题颜色对比，大标题副标题正文的字体大小对比，狼人，小孩，叶子等正负形的手法作为图形，可以说是对比手法用的很成功的一幅海报作品。负空间并非意味着封面要保持绝对的极简主义。它可以是一种集中读者注意力的设计策略。
学习平面设计，从艺术绘画中获得灵感是必不可少的方法。例如，毕卡索运用黑、白、灰的色调来表现画境，使得整幅画的画面看起来如同服丧般晦暗。房子正熊熊地燃烧著，一个女人被火烧著掉下来，停止呼吸的婴儿、四肢分离的士兵尸体，刀子旁边开著的白花。是电灯？还是炸弹爆炸的光芒？整幅画的结构和笔法看起来似乎相当粗率。人物的肢体被任意地任意地延长或缩短。手指和脚趾大得不协调，本是人的侧面之处，却有两个眼睛不自然地长在一起，或是不自然地排列着。
2001太空漫游中的经典画面，富有故事的对比，是原始到现代科技的转变。 2. Repetition/重复重复并不是单调，重复是可以用少数的元素快速传达画面想要传达的信息，例如
重复的元素是信息设计中必不可少的手法，重复图像一出来，信息数据、画面中传达的内容故事也就直接的呈现，可以说这是非常直观的手法。
重复并不一定是一个元素不变。在这幅壁画中，科学家、艺术家、哲学家全都被安排在一座宏伟的厅堂内。大厅中央是腋下夹着「蒂迈乌斯篇」（Timeaus）、富于象征意义地以食指指天的柏拉图（Plato），以及一手拿「伦理学」、另一隻手臂伸向前方的亚里士多德（Aristotle）。其他的著名人物包括苏格拉底、毕达格拉斯、欧几里德等人。这些聚集在一起的人物造型，使拉斐尔成功地用简单的形象来表达这一个最复杂的内容。
重复手法在建筑的应用上，从古埃及到现在都是不可缺少的设计原则，在英国的格洛斯特大教堂（Gloucester Cathedral）可以看到重複的扇状拱顶（vault），在北京天坛祈年殿的藻井也看到环形式的重复构图。
如果每一个单位是一个元素，那二十世纪中国著名的建筑师贝聿铭（I. M.Pei）为巴黎罗浮宫所建造的玻璃金字塔即为一个很杰出的建筑范例。三角形让它朝三度空间重复地发展可以形成有趣的立体构成。
还有一种重复，是风格。重复让一个产品或者品牌形成了风格，也可以把它理解我我们品牌设计中常说的视觉统一。
重复也可以形成品牌符号，有没发现有很多奢侈品的品牌视觉就是用重复手法做的。 3. Alignment/排列排列手法有一个很大作用是引导视觉，它让我们的画面中的元素找到平衡，它可以让我们的画面形成一个系统，如“网格”，网格后面我们再详谈。
从上面这张封面上，读者可以判断出书的内容与强迫症有关。封面中色彩搭配和近乎完美的线条都给人以愉悦之感。封面的风格应该体现全书的整体风格。如果书籍的内容和严肃，不可用充满幽默元素的封面来误导读者。这会让读者失去对设计师的信任。
设计师Jessie-Jisun Lee将著名导演大卫林奇的照片不加修饰地放到了封面中。而使用方块隔开的字体则给人一种猜谜之感，这暗示该书将把与大卫林奇相关的细节透露给读者。
在窦加的作品《浴盆中的裸女》（The tub）当中，从裸女右手抓著头发的位置开始欣赏这幅画，将顺着头发往下随着少女的眼神注意浴盆的边缘。然后再一路随着浴盆的弧线，经过少女的手指，与桌边的直线相交。但是，窦加很技巧地运用桌上的梳子再引导观赏者的视线回到少女迷人的身躯以及她的右手。画中其他的物品或摆设，则是用来平衡整个画面，使观众的注意力随时停留在裸女身上。 看似平平无奇的画面，却都是带给我们无限的内容和学习空间，所以我们要多多留意周边的物品，说不定下一幅牛逼作品就在你身旁：） 4. Proximity/亲近亲近这个词是英语翻译过来，我们中文会不太好理解，大致意思可以是元素与元素之间的关系。我们把画面中的几个元素放在一起，他们之间必须是有联系的，或者说，应该是合理的。
这本书封面的淡绿色调让人很自然地联想到书中虚构的翡翠城市（Emerald City）。此外，胆小狮子的双眼也充满魔力，同时用拼贴的手法，让水桶，狮子，人和麻布衣服构成一个完整的脸，确实会引起读者的好奇心，这样的配合到底和书中内容有什么必然联系。
上图封面的设计者从心理测验所用的洛夏墨迹（Rorschach Inkblot test）中获得了灵感，这张封面表现了这本名著（《蝇王》）凶杀和智力游戏的主题。四溅的鲜血让人觉得怪异却印象深刻。没有什么能比强烈的感情更能促使读者入手一本书的东西了。在设计时，应试图通过唤醒读者的内心情感使他们与书籍的角色及主题建立起联系。
将人的眼睛部位和拱形门将结合，两个元素之间的替换是想要阐述人物与图像的关系还是想类比人物当时眼中所见之物呢？亲近方法是类似一种比喻的方式，让人对作品无限联想。 字体选择与运用说完平面四大原则，这一部分是也是重中之重——字体。每一款字体都带有其各自的风格和情绪，例如衬线字体带有高贵，传统的感觉，而无衬线字体则给人简约，现代的感觉。选择正确的字体会让画面加分不少，当然，选择不当会直接毁掉画面。
我们把所有字母在视觉上保持水平对齐，但是他们并没有绝对意义上的相同高度。比如，这个三角形比矩形要高，否则，三角形肯定会看上去比矩形要小。同样，圆形也需要超出基准线而达到视觉上的对齐。如果圆形和矩形高度相同，那肯定会看起来比矩形小，这原则可以应用在字体设计中的每一个字母，是很重要的一条法则。 字体的选择是协调画面的黑和白。黑，字体的外形。白，字体内部以及字体与字体之间的部分。字母内部的白决定了字母与字母之间的白。创造一种黑多白多的字体是不可能的，一种黑体白的部分肯定比细体白的部分少。
选择和安排设计的字型时，阅读难易度应该是首要考虑之一。字太小难以阅读，字太大又很烦人，因此一般而言，印刷用段落文字，中文最小最好不要超过7点，英文一般来说不低于8-9 点之间，而网页则是 15-20 之间，大部分的浏览器默认值是 16 点。当然，这不是准则，应视情况而定，最保守的做法是直接输出打印，测试最合适字号。
每种字型都散发独特的情感或个性，也许是友善、新潮、严肃或傻里傻气，但大部分的字型并不是万用的，所以你要判断一个字型对你来说是怎么样的感觉，还有它适不适合放在这个设计里面。我的方法之一就是列出该设计需要呈现哪些特质，如果能先确定内容更好，这样就能直接挑选字型来配合建立好的内文调性。 每种字体都有自己的声音，这种声音将影响我们阅读文字的感受，也影响我们吸收和处理信息的过程。
对于海报设计上的字体，因为空间更多而且大家通常会从远一点的距离观看，就可以容纳大字，若选择相对小的字体，则有更多空间发挥创意和选择更有型的文字。一些像名片之类的小型项目或是长段文章会需要小一点的字，但这些字也要清晰易读，而都充满装饰。
该作品通过后台程序编码，用户可以输入一串文字，该文字将会自动生成一只已字体组成的怪兽，用户可以通过键盘控制该怪兽进行一 系列游戏，该怪兽会跟随着音乐的节奏而变化，玩这个音乐电视就像在玩游戏一样，运用多样化的交互工具我们可以尽可能的调用人体多种感官，我们通过自己的身体感受和体验在字体之中所蕴含的情感。
不同的质感和肌理，会使人产生不同的心理感受。施德明Stefan Sagmeister 通过利用各种材料的质地效果来完成字体的创意设计， 有拼贴、缠绕、排列组合等手法，为字体的视觉表现开创了新的思路。有的材质字体是实物模型制作出来， 通过摄像技术，拍摄成视频影像。有的材质字体是借助计算机来完成多元渠道的应用使字体增添更多趣味。 平面版式平面版式中最科学严谨的就是“网格”了，可能很多人觉得网格限制设计师的工具，会让设计变得理性而没有人情味，我觉得不然，仅仅几个矩形就可以有创造无数的版式，如果再配合图形，图片，文字信息，那将会是有更多的惊喜。这里有运用网格尝试了16种排版方式，可以作为部分版式的指导。
360设计杂志的风格是用三张封面叠加的方式设计，安排层次图形和元素之间的层次感，可以在干扰视觉的同时，突出自身所想体现的主题，这种表现方式往往是比较直接而且有效的方式。这种视觉干扰是在分散欣赏者多余视线的同时，更能注意到杂志logo上，这种叠加方式所产生的图形视觉效果也是这本杂志的辅助图形。
比例也是版式中不可忽视的部分，比利时的超现实主义画家马格利特（Rene’ Magritte ）画了一件名为《个人价值》(Personal Values)的作品。在这幅画中，我们看到一把梳子、一个酒杯、一把修面刷和一个肥皂。这些日常用品的相对大小与其所处的空间关系十分奇怪；如果不是它们的尺寸过大，超乎常理，要不然就是这个空间是一个很小的玩具屋。
自古至今，运用黄金分割比例原理创作的伟大艺术作品不胜枚举，如埃及的金字塔、雅典的巴特农（Parthenon）神庙、达文西的蒙娜丽莎 … 等等。以上以雅典巴特农神庙及法国点描派画家秀拉（Georges Seurat）的《戏水的人》（Bathers）为例说明之。
利用黄金分割比例连续製作愈来愈大的正方形，以弧形连接每一个正方形的对角，可以形成一个螺旋状的曲线，将这个曲线运用在希腊建筑柱头的设计，就形成爱奥尼亚式（ionic order）的柱头。 故事元素前面几个方法都是设计手法为主，而这部分，强调的是画面带来的内容。如何把画面内容、故事等用平面设计的手法传达给观众，就是我们平面设计师的工作。
皇冠+鲜血所渲染的气氛是血腥和凝重的，背后无疑是一个极为扣人心弦的故事。这张封面虽然没有提供详尽的细节，但权力争斗，悬疑及皇室的要素已经彰显无遗。
上面这张为Jules Verne的小说《地心历险记》葡文版设计的封面出自Carlo Giovani之手。封面通过不同的颜色，形状，质感，加上层层分级的效果，展现了地壳的不同分层。单从书籍封面的图像就可以清楚该书的大致内容，只是非常高明的故事表达方法。
Chanel 2011年指甲油创意广告，片子拍摄全程用女性的手指作为主体，这是一个很棒的比喻手法，将手指比喻为女性双腿，红色指甲油自然变成舞鞋，在搭建的舞台上，配合音乐节奏跳起舞，这种讲故事的手法会给观看者留下深刻印象，因为这是指甲油已经不只是指甲油，它是舞台上不可缺少的闪光点。 总结以上介绍了排版四大原则 + 字体选择与运用 + 平面版式 + 故事元素四大内容，均通过其他人的作品来分析设计手法与运用。 我个人认为，提高视觉冲击只是更快地抓住别人的注意力，视觉手法只是用来辅助和表现你的主题与创意的手段。 | |
插 |
|---|
插值颜色模型中的插值就是利用已知邻近像素点的灰度值（或RBG图像中的三色值）来产生未知像素点的灰度值，以便由原始图像再生出具有更高分辨率的图像。 插值的作用是对原图像的像素重新分布，从而来改变像素数量的一种方法。在图像放大过程中，像素也相应地增加，增加的过程就是“插值”发生作用的过程，“插值”程序自动选择信息较好的像素作为增加、弥补空白像素的空间，而并非只使用临近的像素，所以在放大图像时，图像看上去会比较平滑、干净。不过需要说明的是插值并不能增加图像信息，尽管图像尺寸变大，但效果也相对要模糊些，过程可以理解为白酒掺水。 插值几乎应用于所有需要进行图像缩放功能的领域内，如数码相机、图像处理软件（如Photoshop）。 | |
数 |
|---|
数组常用函数1、join（）；将数组元素转换字符串 2、push（）函数：在数组的末尾添加一个或多个元素 3、pop（）函数：从数组的末尾删除一个元素，函数返回被删除的元素 4、shift（）函数：从数组的开头删除一个元素，函数返回被删除的元素 5、unshift（）函数：在数组的首部插入一个或多个元素 6、slice（）函数：切片函数。会接受一个或两个参数，从数组中截取部分数据 （1） slice（索引1）：截取数组中从给定索引到末尾的所有位置 （2）slice(索引1，索引2)：截取数组中索引1到索引2之间的元素（包括索引1，不包括索引2） 索引：可以为负数。负数是从后向前找 7、fill（）函数：用给定的值填充数组 8、fillter()函数：对数组的元素进行过滤，参数是一个函数，返回值是一个数组 变量名.fittler(function(元素，索引){ 函数体 }) 常用数组函数 1、array_merge($arr1,$arr2); 两个数组组成一个数组 但是要注意这个函数组装后，键值重新被定义，若不想键值重新定义，可以直接使用 $arr = $arr1 +$arr2 ；也可以达到两个数组组委一个数组的目的 2、array_rand()；函数返回数组中的随机键名，或者如果您规定函数返回不只一个键名，则返回包含随机键名的数组；即一个参数返回随机键名，存在第二个参数且大于1，返回多个随机键名组成的数组 注意：第二个参数不能大于第一个参数的总数 3、array_keys()；返回由键名组成的数组 4、array_key_exists(key，array)；数组中书否存在指定的键 5、array_search()；查找某一键值并返回该值的键，但是只能返回一个，若存在多个，返回最后一个的键值 6、array_unique()；去掉以为数组中重复的值 7、join(‘拆分方式’，array)、implode(‘拆分方式’，array)；拆分数组为字符串 8、reset(array)；输出目前数组指针对应的值 9、array_shift()；删除数组中的第一个元素（red），并返回被删除的元素： 10、array_pop()；函数删除数组中的最后一个元素。 11、end()；查看数组的最后一个；可以使用另外一个方法；$arr[count($arr)-1]； 12、current()；查看当前值 13、in_array；是否在数组内 14、is_array；是否存在数组 15、array_value();重新分配key 16、array_slice();从数组中取出一段 从0开始 17、array_splice()；从数组移除选定的元素 并用新元素发取代 18、unset(); 删除数组 19、shuffle() ;随即重新排列数组 20、array_flip(); 交换键名和键值 21、array_clumn(); 返回数组某一栏的值 22、array_reduce(); 发送数组值到自定义函数返回字符串 数组操作的基本函数 array_values($arr)获得数组的值 array_keys($arr)获得数组的键名 array_flip($arr)数组中的值与键名互换（如果有重复前面的会被后面的覆盖） in_array(值,$arr); 在数组中检索值是否存在 array_search(值,$arr);在数组中检索值,存在返回键名,否则返回false array_key_exists(键,$arr); 检索给定的键名是否存在数组中 range(低位,高位); 创建一个包含指定范围单元的数组 array_unique($arr); 移除数组中重复的值，新的数组中会保留原始的键名 array_reverse($arr,TRUE);返回一个单元顺序与原数组相反的数组，如果第二个参数为TRUE保留原来的键名 array_rand($arr,2); 从数组中随机取出一个或多个元素的键 shuffle($arr); 将数组的顺序打乱 count($arr);统计元素个数 array_merge(数组1,数组1…)将多个数组合并起来 数组和变量之间的转换 extract($arr);用于把数组中的元素转换成变量导入到当前文件中，键名当作变量名，值作为变量值 注：（第二个参数很重要，可以看手册使用） 2.compact(var1,var2,var3);用给定的变量名创建一个数组 数组的分段和填充 array_slice(数组,偏移量,[长度]): 从偏移量开始取出一定长度的数组. array_chunk(数组,长度):将数组切割成指定长度的多个数组. array_pad(数组,长度,值): 用值将数组填补到指定长度 array_fill(索引,长度,值): 用给定的值填充一个新数组 数组的排序函数 对值进行排序： sort($arr);由小到大的顺序排序（第二个参数为按什么方式排序）忽略键名的数组排序 rsort($arr);由大到小的顺序排序（第二个参数为按什么方式排序）忽略键名的数组排序 asort($arr); 由小到大的顺序排序（第二个参数为按什么方式排序）保留键名的数组排序 arsort($arr); 由大到小的顺序排序（第二个参数为按什么方式排序）保留键名的数组排序 对键进行排序 ksort($arr); 按照键名正序排序 krsort($arr); 按照键名逆序排序 自然排序： natsort(数组) 按照人的自然习惯排序. | ||
架 |
|---|
架子鼓drum架子鼓的名称和记谱法 标准的架子鼓配置是5鼓3镲，即5个鼓和3个镲（好像弱智的解释）。 会看鼓谱是基本能力！架子鼓的记谱法很简单，逻辑大概是基于摆放位置设计的。鼓谱没有调号、和弦和全半音的关系，每个鼓的记谱位置基本都是固定的。 下面开始普法： 底鼓（bass drum)记在五线谱第一间上（可能是因为只有它是放地上的原因吧） 军鼓（snare drum)记在第三间，因为在中间位置 嗵一（tom1）记在第四间 嗵二（Tom2）记在四线 嗵三（Tom3）记在二间 踩镲（HiHat）记在上加一间 脚镲（HH C）记在下加一间（脚镲同时控制开闭踩镲） 吊镲（crash cymbal)记在上加一线 叮叮镲（ride cymbal)记在第五线上 以上就是标配的架子鼓的全部名称和记谱法 
一、设备术语 Drum Set：套鼓 bass/ bass drum/ kick/ kick drum：贝斯鼓、大鼓、底鼓 twin bass/ double bass/ twin kick：双贝斯鼓 pedal：踏板 twin pedal/ double pedal：双踏板 bass drum beater：踏板上的敲击槌 tom：桶鼓 mountend tom：悬挂桶鼓 high tom：高桶鼓（或一桶鼓/标准五鼓情况下） medium tom：中桶鼓（或二桶鼓/标准五鼓情况下） floor tom：落地桶鼓（或三通鼓/标准五鼓情况下） snare/ snare drum：军鼓 snare/ snappy snare：响弦 hoop：边圈、压圈 rim：鼓边 rim-shot：击边 ghost snare：魔鬼音符 cross stick：制音边击 buzz snare：军鼓压奏 Hi-Hats：踩镲 Hi-Hats closed：踩镲闭镲 Hi-Hats open：踩镲开镲 Hi-Hats half open：踩镲开镲 Hi-Hats foot closed：脚踩闭镲 Hi-Hats foot open：脚踩开镲 Ride：节奏镲 Crash：强音镲 Bell：镲冒 Splash：水镲china/china crash：中国镲,、反镲 taper：镲片的主要平面部分 edge：镲边 Crash roll：镲片连击 stick：鼓槌 tip：槌头 neck：槌颈 butt end：槌尾 nylon tip：尼龙头 wood tip：木头 bearing edge：鼓身与鼓皮接触的部分 drumhead/head：鼓皮 batter head：打击面皮 snare head：响弦皮 bottom head/resonant head：桶鼓底鼓的底皮 tension：张力 tone：音高 tune：给鼓调音 二、Rudiments：基本功 Para：单击（RL或LR） diddle：双击（RR或LL） Single Paradiddle：单击+双击（RLRR或LRLL） Reverse Paradiddle：RRLR或LLRL Inward Paradiddle：RLLR或LRRL Outward Paradiddle：RLRL或LRLR Paradiddle-diddle：RLRRLL或LRLLRR ParaParadiddle（Double Paradiddle）：RLRLRR或LRLRLL ParaParadiddle-diddle：RLRLRRLL或LRLRLLRR ParaParaParadiddle（Triplet Paradiddle）：RLRLRLRR或LRLRLRLL Paradiddle-diddle-diddle：RLRRLLRR或LRLLRRLL Rudiments/基本功40条 第一页 SINGLE STROKE RUDIMENTS（单击基本功） 1，Single Stroke Roll：单击滚奏（RLRL或LRLR） 2，Single Stroke Four：单击四连击（RLR L或LRL R） 3，Single Stroke Seven：单击七连击（RLRLRL R 或 LRLRLR L） DRUM ROLL RUDIMENTS（轮鼓基本功） 4，Multiple Bounce Roll：压奏 5，Triple Stroke Roll：三连击滚奏（RRR LLL） 6，Double Stroke Roll：双击滚奏（RRLL或LLRR） 7，Five Stroke Roll：五击滚奏（rrll R或 llrr L） 8，Six Stroke Roll：六击滚奏（R llrr L或 L rrll R） 9，Seven Stroke Roll：七击滚奏（rrllrrL或llrrllR） 10，Nine Stroke Roll：九击滚奏（rrllrrll R或llrrllrr L） 11，Ten Stroke Roll：十击滚奏（rrllrrll RL或llrrllrr LR） 12，Eleven Stroke Roll：十一击滚奏（rrllrrllrrL或llrrllrrllR） 13，Thirteen Stroke Roll：十三击滚奏（rrllrrllrrllR或llrrllrrllrrL） 14，Fifteen Stroke Roll：十五击滚奏（rrllrrllrrllrrllrrL或llrrllrrllrrllR） 15，Seventeen Stroke Roll：十七击滚奏（rrllrrllrrllrrllR或llrrllrrllrrllrrL） Paradiddle Rudiments 16，Single Paradiddle（Rlrr Lrll） 17，Double Paradiddle（Rlrlrr Lrlrll） 18，Triplet Paradiddle（Rlrlrlrr Lrlrlrll） 19，Single Paradiddle-diddle（Rlrrll或Lrllrr） Rudiments/基本功40条 第二页 FLAM-BASED RUDIMENTS（装饰音） 20，Flam：单装饰音 21，Flam Accent 22，Flam Tap 23，Flamacue 24，Flam Paradiddle 25，Single Flammed Mill 26，Flam Paradiddle-diddle 27，Swiss Army Triplet 28，Inverted Flam Tap 29，Flam Drag 30，Pataflafla DRAG-BASED RUDIMENTS（拖曳类） 31，Drag Ruff 32，Single Drag Tap 33，Double Drag Tap 34，Lesson 25 35，Single Dragadiddle 36，Dragadiddle #1 37，Dragadiddle #2 38，Single Ratamacue 39，Double Ratamacue 40，Triple Ratamacue 架子鼓录音话筒 三、technique：技巧 sticking：槌法 Stroke：击打 Full Stroke：全击 Down Stroke：下击 Up Stroke：上击 Tap Stroke：点击 Half Stroke：半击 Fill in：加花/过门 Solo：独奏 Backbeat：反拍 Accent：重音 Ghost Note：鬼音 Dotted Notes：附点音符 32nd note：三十二分音符 16th note：十六分音符 8th note：八分音符 quarter note：四分音符 half note：二分音符 whole note：全音符 triplet：三连音 sextuplet:：六连音 Dynamics：动态弱 ppp：最弱 pp：很弱 p：弱 mp：中弱 mf：中强 f：强 ff：很强 fff：最强 Even：平均 Beat：拍子 Keep time：保持时值 weak/off hand：弱手 train ur off hand：训练你的弱手 Lead：从哪只手起 Pattern：模型/模式 Groove：节奏/律动 Layback：拖拍/落后拍点 16s shuffle：16分音符演奏成shuffle感 swung quavers：摇摆八分音符 Pockets：节拍稳定 Play-along：打伴奏 Jam/Jam session：即兴演奏 Colors：点缀 Chops：华彩/大招 Subdivision：节奏单元 Note placement：音符置位 Velocity：瞬间速度 Bury the beater：贝斯鼓踩完制音 4-way coordination：四肢协调 4-way independence：四肢独立 4-way interdependence：四肢配合 Open hand：开放式 Cross hand：交叉式 Grouping：音组 Time-feel：节奏感 half time feel：半速时值 Double time feel：倍速时值 Metric modulation：节奏度量重组 Parmutation：起始音轮转 Rate：速率 Orchestration：编配 Phrasing：组织乐句 Intro：前奏 Verse：主歌 chorus：副歌 Bridge：过渡段/过门 Outro：尾奏 Develop：发展 Cont.sim.：相似的演奏（节奏型需变化） Rit.（ritardando）渐慢 架子鼓录音 四、Music styles：音乐风格 Rock：摇滚 Funk：疯克 Indie rock：独立摇滚 Reggae：雷鬼音乐 Solid rock：硬摇滚 Pop：流行 Soul：灵魂乐 Folk rock：民谣摇滚 R&B：节奏布鲁斯 Heavy rock：重摇滚 Grooving：节奏舞曲 Swing：摇摆乐 Blues：布鲁斯 Blues rock：布鲁斯摇滚 Disco：迪斯高 soulful rock：器乐摇滚 Grunge：垃圾摇滚 Metal：金属 Funk Metal：疯克金属 alternative rock：另类摇滚 Heavy Metal：重金属 Jazz：爵士 Jazz funk：爵士疯克 Fusion：融合音乐 Drum 'n' bass：鼓与贝斯 prog rock：前卫摇滚 epic rock：史诗摇滚 Hi-hop：嘻哈 Ballad：叙事民谣 Classic rock：经典摇滚 Country：乡村音乐 Motown：摩城音乐 Gospel：福音音乐 Modern rock：现代摇滚 mambo：曼波 Grime：伦敦地下乐 Latin：拉丁 Latin funk：拉丁疯克 Latin rock：拉丁摇滚 Rock funk：摇滚疯克 Rap：说唱 Disco rap：迪斯高说唱 Punk：朋克 Pop punk：流行朋克 Ska：斯卡 Neo Soul：新灵魂乐 Samba：桑巴 Samba rock：桑巴摇滚 trip hop：神游舞曲 Soca：索卡音乐 calypso：卡利普索民歌 Electronica：电子乐 Salsa：莎莎 Songo：松戈奥 dubstep：回响贝斯 Be bop：比波普 Cool jazz：冷爵士 Bossa nova：波萨诺瓦 | ||||||||||||||||||||||||||||||||||||
经 |
|---|
经纬度世界主要城市经纬度
| |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
色 |
|---|
色彩搭配色彩搭配速成！3个实用方法帮你全面搞定配色2014/12/02 推荐： 程远
编者按：最值得收藏的色彩设计方法！色彩搭配是一门花样繁多的学问，但任天下奇招再多，独孤九剑总有破法，今天阿里的同学这篇色彩设计方法，仅有简单3大类，但囊括了众多顶尖的配色技巧，不可多得的集大成篇，别错过咯。 为什么要整理设计色彩方法？ 在色彩设计应用中，我们对颜色不同程度的理解，影响到设计页面的表现，熟练地运用色彩搭配，设计时岂不事半功倍。一张优秀的设计作品，它的色彩搭配必定和谐得体，令人赏心悦目，反思我们在设计过程中，怎样的色彩搭配更容易达到设计目的，又是什么影响了我们的配色思维呢？ 以下几点常会影响色彩搭配思维： 1. 仅关注色彩表象 2. 搭配方法不够系统 3. 色彩与构成掌握不到位 首先，我们简单理解一下色相和色调概念：
接下来我们按三个大类的配色方法，结合一些案例，分析色彩在页面中的应用手法。
一、色相差而形成的配色方式1.1 有主导色彩配色 这是由一种色相构成的统一性配色。即由某一种色相支配、统一画面的配色，如果不是同一种色相，色环上相邻的类似色也可以形成相近的配色效果。当然，也有一些色相差距较大的做法，比如撞色的对比，或者有无色彩的对比，但这里先讲述带主导色的配色案例。 根据主色与辅色之间的色相差不同，可以分为以下各种类型： 1.1-1 同色系主导 1.1-2 邻近色主导 1.1-3 类似色主导 1.1-4 中差色主导 1.1-5 对比色主导 1.1-6 中性色主导 1.1-7 多色搭配下的主导 ... 同色系配色是指主色和辅色都在统一色相上，这种配色方法往往会给人页面很一致化的感受。
twitter的案例
整体蓝色设计带来统一印象，颜色的深浅分别承载不同类型的内容信息，比如信息内容模块，白色底代表用户内容，浅蓝色底代表回复内容，更深一点的蓝色底代表可回复操作，颜色主导着信息层次，也保持了twitter的品牌形象。 观点：颜色差分割页面层次和模块，并代表不同功能任务属性。 多有范儿的色带，想自己来一个吗？看教程！《配色弱有救了！教你利用图片创建独有的色彩方案！》 1.1-2 邻近色配色 近邻色配色方法比较常见，搭配比同色系稍微丰富，色相柔和过渡看起来也很和谐。
ALIDP的案例
纯度高的色彩，基本用于组控件和文本标题颜色，各控件采用邻近色使页面不那么单调，再把色彩饱和度降低用于不同背景色和模块划分。 观点：基于品牌色的邻近色运用，灵活运用到各类控件中。 1.1-3 类似色配色 类似色配色也是常用的配色方法，对比不强给人色感平静、调和的感觉。
BENMAPT的案例
红黄双色主导页面，色彩基本用于不同组控件表现，红色用于导航控件、按钮和图标，同时也作辅助元素的主色。利用偏橙的黄色代替品牌色，用于内容标签和背景搭配。 观点：基于品牌色的类似色运用，有主次地用到页面各类控件和主体内容中。 想用红色玩出花样？来看顶尖设计师的杰作！《洒一腔热血！35个热烈奔放的红色色调网站设计》 1.1-4 中差色配色 中差色对比相对突出，色彩对比明快，容易呈现饱和度高的色彩。
颜色深浅营造空间感，也辅助了内容模块层次之分，统一的深蓝色系运用，传播品牌形象。中间色绿色按钮起到丰富页面色彩的作用，同时也突出绿色按钮任务层级为最高。深蓝色吊顶导航打通整站路径，并有引导用户向下阅读之意。 观点：利用色彩对比突出按钮任务优先级，增加页面气氛。 1.1-5 对比色配色 主导的对比配色需要精准地控制色彩搭配和面积，其中主导色会带动页面气氛，产生激烈的心理感受。
YouTube的案例
红色的热闹体现内容的丰富多彩，品牌红色赋予组控件色彩和可操作任务，贯穿整个站点的可操作提示，又能体现品牌形象。红色多代表导航指引和类目分类，蓝色代表登录按钮、默认用户头像和标题，展示用户所产生的内容信息。 观点：红蓝色反应不同交互和信息的可操作性，针对系统操作和用户操作的区分。 1.1-6 中性色配色 用一些中性的色彩作为基调搭配，常应用在信息量大的网站，突出内容，不会受不必要的色彩干扰。这种过配色比较通用，非常经典。
Bechan的案例
黑色突出网站导航和内容模块的区分，品牌蓝色主要用于可点击的操作控件，包括用户名称、内容标题。相较于大片使用品牌色的手法，更能突出内容和信息，适合以内容为王的通用化、平台类站点。 观点：利用大面积中性色作为主导色，品牌色在这里起到画龙点睛的作用，用于一些需要重点突出的场景，强调交互的状态等。 1.1-7 多色搭配下的主导 主色和其他搭配色之间的关系会更丰富，可能有类似色、中差色、对比色等搭配方式，但其中某种色彩会占主导。
Google的案例
对于具有丰富产品线的谷歌来说，通过4种品牌色按照一定的纯度比，再用无色彩黑白灰能搭配出千变万化的配色方案，让品牌极具统一感。在大部分页面，蓝色会充当主导色，其他3色作辅色并设定不同的任务属性，黑白灰多作为辅助色，对于平台类站点来说，多色主导有非常好的延展性。 观点：谷歌设置了四种品牌色，通过主次、合理的比例应用在界面中，并通过组控件不同的交互状态合理分配功能任务。 谷歌的经典色彩搭配，一直延续到各类产品中，比如这家：《能过稿的LOGO！谷歌设计师如何为Squared做品牌重设计》 二、色调调和而形成的配色方式2.1 有主导色调配色 这是由同一色调构成的统一性配色。深色调和暗色调等类似色调搭配也可以形成同样的配色效果。即使出现多种色相，只要保持色调一致，画面也能呈现整体统一性。 根据色彩的情感，不同的调子会给人不同的感受： 2.1-1 清澈的色调 2.1-2 阴暗的色调 2.1-3 明亮色调 2.1-4 深暗色调 2.1-5 雅白色调 ... 2.1-1 清澈色调
SHOTFOLIO的案例
清澈调子使页面非常和谐，即使是不同色相形同色调的配色能让页面保持较高的协调度。蓝色另页面产生安静冰冷的气氛，茶色让我们想起大地泥土的厚实，给页面增加了稳定踏实感觉，同时暖和蓝色的冰冷。 观点：互补的色相搭配在一起，通过统一色调的手法，可以缓和色彩之间的对比效果。 2.1-2 阴暗色调
概念应用的案例
阴暗的色调渲染场景氛围，通过不同色相的色彩变化丰富信息分类，降低色彩饱和度使各色块协调并融入场景，白色和明亮的青绿色作为信息载体呈现。 Tips：多色彩经过统一色调处理，区域间非常协调，也不影响整体页面阴暗气氛表现。 2.1-3 明亮色调
Kids plus的案例
明亮的颜色活泼清晰，热闹的气氛和醒目的卡通形像叙述着一场庆典，但铺满高纯度的色彩，过于刺激，不适宜长时间游览。 观点：饱和度与纯度特性明显的搭配，在达到视觉冲击力的同时，可适当采用对比色或降低明度等方法调和视觉表现。 2.1-4 深暗色调
LEES FERRY的案例
页面以深暗偏灰色调为主，不同的色彩搭配，像在叙述着不同的故事，白色文字的排版，整个页面显得厚重精致，小区域微渐变增加版面质感。 观点：以低暗色调构成整体画面氛围，小面积明亮部分不会影响整体感觉。 2.1-5 雅白色调
Very的案例
柔和的调子使页面显得明快温暖，就算色彩很多也不会造成视觉负重。页面的同色调搭配，颜色作为不同模块的信息分类，不抢主体的重点，还能衬托不同类型载体的内容信息。 观点：同色调不同色彩的模块，就算承载着不同的信息内容也能表现很和谐。 2.2 同色调配色 这是由同一或类似色调中的色相变化构成的配色类型，与主导色调配色中的属于同类技法。区别在于色调分布平均，没有过深或过浅的模块，色调范围更为严格。
Tumblr的案例
在实际的设计运用中，常会用些更综合的手法，例如整体有主导色调，小范围布局会采用同色调搭配。拿tumblr的发布模块来说，虽然页面有自己的主色调，但小模块使用同色调不同色彩的功能按钮，结合色相变化和图形表达不同的功能点，众多的按钮放在一起，由于同色调原因模块非常稳定统一。 观点：综合运用的情况，整体界面是有主导色调，在布局例如重点图标等是同色调配色灵活运用。 2.3 同色深浅搭配 这是由同一色相的色调差构成的配色类型，属于单一色彩配色的一种。 与主导色调配色中的同色系配色属于同类技法。从理论上来讲，在同一色相下的色调不存在色相差异，而是通过不同的色调阶层搭配形成，可以理解为色调配色的一种。
Genrecolours的案例
拿紫色界面来说，利用同一色相通过色调深浅对比，营造页面空间层次。虽然色彩深浅搭配合理，但有些难以区分主次，由于是同一色相搭配，颜色的特性决定着心理感受。 观点：同色深浅配色有着极高的统一性，但有点枯燥。 三、对比配色而形成的配色方式由于对比色相互对比构成的配色，可以分为互补色或相反色搭配构成的色相对比效果，由白色、黑色等明度差异构成的明度对比效果，以及由纯度差异构成的纯度对比效果。 3.1 色相对比 3.1-1 双色对比 3.1-2 三色对比 3.1-3 多色对比 3.2 纯度对比 3.3 明度对比 .... 3.1-1 双色对比 色彩间对比视觉冲击强烈，容易吸引用户注意，使用时经常大范围搭配。
VISA的案例
VISA是一个信用卡品牌，深蓝色传达和平安全的品牌形象，黄色能让用户产生兴奋幸福感。另外蓝色降低明度后再和黄色搭配，对比鲜明之余还能缓和视觉疲劳。 观点： 不管是整体对比还是局部对比，对比色给人强烈的视觉冲击，结合色彩心理学对品牌传达效果更佳。 3.1-2 三色对比 三色对比色相上更为丰富，通过加强色调重点突出某一种颜色，且在色彩面积更为讲究。
NAVER的案例
大面积绿色作为站点主导航，形象鲜明突出。使用品牌色对应的两种中差色作二级导航，并降低其中一方蓝色系明度，再用同色调的西瓜红作为当前位置状态，二级导航内部对比非常强烈却不影响主导航效果。 观点： 三色对比中西瓜红作为强调色限定在小面积展现非常关键，面积大小直接影响画面平衡感。 3.1-3 多色对比 多色对比给人丰富饱满的感觉，色彩搭配协调会使页面会非常精致，模块感强烈。
Metro的案例
Metro风格采用大量色彩，分隔不同的信息模块。保持大模块区域面积相等，模块内部可以细分出不同内容层级，单色模块只承载一种信息内容，配上对应功能图标识别性高。 观点：色彩色相对比、色彩面积对比，只要保持一定的比例关系，页面也能整整有序。 3.2 纯度对比 相对与色相对比，纯度差对比，对比色彩的选择非常多，设计应用范围广泛，可用于一些突出品牌、营销类的场景。
PINTEREST的案例
页面中心登录模块，通过降低纯度处理制造无色相背景，再利用红色按钮的对比，形成纯度差关系。与色相对比相较，纯色对比冲突感刺激感相对小一些，非常容易突出主体内容的真实性。 观点： 运用对比重要的是对比例的把握，面积、构图、节奏、颜色、位置等一切可以发生变化的元素，形成视觉的强烈冲突。 3.3 明度对比 明度对比接近生活实际反映，通过环境远近、日照角度等明暗关系，设计趋于真实。
ARKTIS的案例
明度对比够构成画面的空间纵深层次，呈现远近的对比关系，高明度突出近景主体内容，低明度表现远景的距离。而明度差使人注意力集中在高亮区域，呈现出药瓶的真实写照。 观点： 明度对比使页面显得更单纯、统一，而高低明度差可产生距离关系。 总结：色彩是最能引起心境共鸣和情绪认知的元素，三原色能调配出非常丰富的色彩，色彩搭配更是千变万化。设计配色时，我们可以摒弃一些传统的默认样式，了解设计背后的需求目的，思考色彩对页面场景表现、情感传达等作用，从而有依据、有条理、有方法地构建色彩搭配方案。 | |
设 |
|---|
设计四大基本原则设计易容术！如何设计一张高品位高水准的海报？2014/10/27 推荐： 程远
编者按：最适合大学生社团的海报教程！今天的教程跟平时不一样，我们从一张糟糕透顶的海报开始，一步一步教你改善它，直到...变成一张特别有设计感的海报。这是一个非常具有可操作性，非常适合零基础新手的设计教程，赶快来近距离感受专业设计师的改善思路吧。 @Simmy小敏 ：先祭出设计四大基本原则： 重复，对比，亲密，对齐。 1，重复
重复指的是，设计中的视觉要素在整个作品中重复出现。 可不是说放几个一样的小方块就是重复了哦，仔细看上图，颜色重复出现，高度、宽度重复出现，元素间距重复出现，可以预见的是，如果我们在最后再加一个小方块，一定还是同样的颜色、高度、宽度、间距，如果不是为了突出，我们不会引入新的元素。 应用上来说就是，如果我要加一行字，第一反应是，用之前用过的颜色和字体，如果没有确凿的理由，就坚决不出现新的要素。这是设计的克制，也是初学者最最先要学会的一件事！ 来我们根据这个原则，对海报进行第一次手术，手术的奥义是——重复。
完全按照原海报的意图和内容，将文字提了出来，字体全部用微软雅黑（新手用这个字体没错就是啦），大小和位置也没有改，只是扔掉了花花绿绿的视觉元素（字体样式、大小、行间距），按照重复的原则进行整顿。 什么，一点都不高大上？都说了这是科学！要一步一步来！ 2，对比
……？ 对比指的是，避免页面元素的太过相似，如果元素不相同，那就请深深的不相同。 有重复就一定有对比，重复是基调，对比就是焦点。重复一定要精确，对比一定要大胆。 对比可以有多种方式产生。大字体与小字体，oldstyle与sanserif，粗线条与细线条，冷色与暖色，平滑与粗糙，长宽与高窄，小明与大明（咦？）……等等。 关于字体，有一篇有趣的好文，对理解设计也很有帮助呦：《设计师必看！为什么英文要比中文在设计中显得高大上》
正所谓密不透风，疏可跑马，放手去搞不要逃，不强烈的对比宁可不要。
好吧其实原本的对比已经很明显了（我指字号），我稍微调整一下，再配张小图，形成图与文的对比。（图是百度来的，百度图片现在很好用哒，还有推荐的是昵图网，设计师标配，不过切记要注意版权问题~） 是不是看着很乱，找来找去找不到想要的信息累觉不爱？不急，下一步。 3，亲密
亲密性指的是，物理位置的接近意味着内容的关联，所以要将相关的项目组织在一起。 新手的设计总是元素四散，杂乱无章，看似是他们不懂留白的奥义，但实际上是不懂亲密。相关内容得到有效组织，空间自然会空出来，就像Club感觉会场都是人，但要是让他们按照大小个以男左女右前后相隔一臂左右相隔一拳原则立正看齐排排站，我保证还能塞进500人（……我在说什么）。 标题要对应相关文本，图片要响应对应内容，大小层次，尊卑有序，亲密，保证了内容传达的有效性。
稍微有点样子了吧~？再来本阶段最后一步。 4，对齐
对齐指的是，任何元素都不能在页面上随意安放，每一项都应当与页面上的某个内容存在某种视觉联系。 对齐是地心引力，一根参考线立在那里，就要求所以被选中的元素死死的贴在上面，不允许有一像素的叛离。 同一根参考线意味着某种联系，将依附于它的元素建立起亲密以外的秩序。 由于对齐原则在以上的示范中其实无处不在，我已经默默遵循了（不对其会死晚期），就不再单独示范啦。需要强调的是，在物理位置相聚太远的情况中，要熟练运用辅助元素将不同的对齐联系起来。比如：
右边利用辅助线，将上半部分的左对齐与下半部分的右对齐联系起来，使得画面稳定，内容具有连续性。 到现在为止，我们利用设计四项基本原则对海报进行了初步的处理，使其基本达到【及格】标准。
这是一个非常具有可操作性，非常适合零基础新手的设计方法，各位切记设计也是门科学，谨记原则多加练习才是正道哦~~ 当然，最后这张成果仅仅是初步处理，完全算不上高品位也完全算不上优秀，颜色上氛围上，字体的考究选择上依然有非常大的改进空间，但是路要一步一步走嘛，由于时间（拖延）和精力（太懒）原因，我下次再慢慢写：） 对了，以上理论基础均来自于《写给大家看的设计书》，此书深入浅出，例证丰富，居家旅行必备良品，每次公司的产品GG问我怎么提高设计审美时，我都首推这本书。PS：不光是新手，好多设计专业的同学们，也真的需要看一看了…… | |
