网页设计中的常用表达
设计理论有很多,但是这只是最具代表性的四种,我个人认为是基础。 这并不意味着偏袒。 设计领域如何泛化。 以后有机会的话,我会做补充和延伸的。
一、常用设计方法比较
没有对比,就没有伤害。 没见过海,就不知道海有多大,没见过天,就不知道太空的浩瀚。 没见过别人做的好,也不知道自己有多脏……
对比是最常用的设计方法,(这个PPT也有用),虽然实用性很强。
限于篇幅,(PS:飞踢我:明明是你偷懒,编不出来。)暂时只描述一下字体。
下面略过五千字……看图就好
好的,让我们继续下一个......
什么! 谁说光看图就看不懂的。。。有必要给我解释一下吗? . .
虽然字体粗细对比太常见了。 设计是在规则上加一点改动。 这无非是一件需要注意的事情。 如果想让某个段落有粗细的对比网页设计制造,最合适的方法是使用相同的字体粗细效果,但通常英文字体比较少。 英文,nexa(ps:我会告诉你这是ppt中使用的中文字体),有两种或多种不同的疗效。 为了醒目网页设计制造,我们一般使用粗体标题,只有小部分的描述才用细长的。
这样既保持了字体的统一性,又减少了多余的元素,字体不会过于沉稳,缺乏变化。 这使它看起来更像一个彼此相爱的家庭......
此外,不仅字体有大小对比,网页上元素之间也有大小对比。 反差越夸张,反差越强。 疗效……那是另外一回事了。
关于字体对比,这个虽然没什么好说的,但主要还是在于如何在不同的场合使用不同的字体。
手写体用于偏文艺的图片(邮戳、摄影集排版组合),细长字体适用于各种电子产品(包括手机)的标题。 ,游戏题,钢笔字体是需要加粗的,圆润的字体只给婴幼儿使用(因为婴幼儿很容易重伤马匹,所以幼儿使用的玩具和东西大多是, round Blunt,所以延伸到设计表达方式上,也有相应的感觉)
关于字体的明暗,虽然是最难处理的部分,但在大品牌的官网上也经常看到。 如果不拉开距离,出现留白,整个画面就会尿尿。
但是虽然大众能够接受和看到的字体比较紧俏。 为什么? 很简单,因为一般都不是高档品牌,没有一个不是写的密密麻麻的。
在这些情况下。 . . 你拉开距离……你以为大家用这种文笔都能写出简单又让人印象深刻的广告语吗!
是你,一位来自25世纪的伟大设计师,颠覆了人类的思想,升华了人类的灵魂。 是千载难逢的道德典范、精神品质规范、达到完美的方法。
在色调上,虽然设计原则依然坚持简约而不简单,但要与整体搭配得更加和谐,同时简约又能让人感觉到有细节。 大家可以看到,在我选择的例子中,标题的颜色、装饰带、页面的logo和某段文字都是同色系的。 在降低画面基调的同时,又统一简洁。
关于方向,在设计的过程中,需要用到这个疗效,不仅是因为你在别人的作品中看到过这样的横向排列,觉得好看,也是为了让你的布光更和谐、更合适。 看右边垂直衣架的效果。 在这些情况下,设计师想到了利用横排的效果来弥补左边的空间。
当你能在三天内为你的设计的任何一个细节找到合理的解释时,你的设计才算是真正的介绍。
2. 常见设计技巧的重复
大神是怎么来的? 只是重复一件事一万遍。 一下子吃不成瘦子。 就算黄裳发明修炼了九阴神功,也得在山洞里修炼几年,才能立于不败之地吧?
重复不仅仅是一种技术,更是一种精神。 反复推敲,反复打磨,反复调整,直到好一点。 右图中可以看到方法很简单,一眼就能看懂大概的思路。 一种方法左右反复使用,一种在右边,一种在左边。 并达到如此细致的程度。 这似乎更多的是笔记本电脑屏幕前反复变化的效果。
我们看过很多完整系列的广告,大部分都是针对不同的人物或场景或文案,合成不同的形象。
其中最经典的就是点线面的重复(形状和版式的重复前面已经讲过,这次不再赘述)
点的重复在自然界中很常见。 在设计手法上,不仅将合适的图片做为背景,还利用页面上的一些沙尘暴、降雪、飞溅、火花等元素来减少画面的细节和质感。 在图案中设置小圆点也可以产生很多拉丝效果,这也是多次重复的效果。
设计中的大部分线条都以图案和阴影的形式存在。 在整套VI设计中,一个由几条线条+背景色组成的吸引人的图形就足以撑起整个设计的气场。
点和线的集合可以重复形成一个表面。 狭义上,点线面就是我们看到的图案,腰线,但广义上,点线面可以延伸到一幅画面的方方面面。
下图最基本的构成是点、线、面,但它是几个基本元素以不同方式的重复使用和变化。 但是这次我总结不出规律……要知道原理和执行是两个不同的东西。 玩起来确实需要有艺术功底和出众的灵感……在这个领域,我做的设计的虚线是比较中间的效果。 所以只能简单提一下,希望大家理解。
在常见的设计技巧中,虽然最值得一提的是编排,但这也是大多数非科学设计在了解理论并花一点时间后可以轻松掌握的方法。
字体的排列也是陈词滥调。 但无法证明,但任何优秀的设计都不会在这个最基本的应用过程中出错。
只是字数越多,就越考验设计师的字把控能力。 当你不会排版的时候,不去想有多少非常规的排版,把所有的东西都整齐地排列在左、中、右的位置上,总不会错的。 虽然原理有点简单,但要真正容纳这么多元素,营造气氛,也不是一件容易的事。
当你觉得自己已经超越了常规排版的局限时,不妨试试这个。
1.将文字和图片图形化,如左图1,感觉就像碗里飘下的烟
2.将文字沿某画面的轮廓排列,如左图和右图所示
3.让文字产生斜角,如中图
4.让文字产生3D立体效果排列,如右图
说到排列,就不得不提网格。 这里有两种方式。 当你想做一个图片之间有空隙的设计时,就像左图一样,在中间留一个空间来分隔图片。 如果没有必要,当然可以。 更简化生成更简单的网格。 具体内容因为很早之前已经提到了,就不详细描述了。
是网格设计后的疗效。 网页上的蓝筹设置都是估计的整数。 一般网格多用于平台网站,或者需要适配效果的页面。
在合成图中,每一个合成元素在画面中的位置似乎都是按照现实中的真实方位排列的。 比例都是正常的比例,画面中有些元素稍微有些夸张,或者位置不对,虽然会让人或多或少感觉不自然。
但显然这也是很多设计师在刚接触设计一三年的时候往往做不好的地方,因为他们不确定正确的位置和角度。 具体怎么做。 . . 别问我,问杰克...
好了,上面说了很多山路货,那我来说说很特别的东西。
常用设计方法的紧密度
虽然很多设计并不像你表面上看到的那么简单,但它们之所以出现在你的视角中是自然而然的,这与设计师对规律的把握是分不开的。
有时候,一个好的设计只需要一种习惯。 强制让自己做一个符合这个规则的设计。
除了靠每天大量阅读,收集好东西,实践运用,日积月累。 您还需要知道如何分析和判断。 别人的地方有亮点,嗯,有好的地方,也有不足的地方,多想想,多总结。
在右图的设计中,绘画就像是一场游戏,一笔一划都蕴含着这样的规律。 其实,超出常态的东西,并不是说不能突破,不能赶上。 但是很多人,还没有安定下来,能够自创大招。 这样做的事情虽然略显零散,缺乏完整性,但总比不上平时的套路。
但是你看,无论是在右排还是在左排,他们都打得很6。 你觉得他没有创新? 做好很难吗? 只是他把一个简单的道理发挥到了极致。
当你感知到这个设计背后的东西时,它可能就是你设计道路的新起点。
亲近的字面意思特别好理解。 两个人有着相同的兴趣爱好,喜欢同样的事物。 有很多东西是重合的,也比较接近。 感觉。
因为相似,因为志同道合,无论天涯海角,都有看似不存在的联系,如天上的风筝,飞得再高,手里也有一根线。 比如花果山的猴孙,不管在床上怎么蹦蹦跳跳,都逃不过如来佛的一掌。
当你明白这一步的时候,你不是去设计,而是有什么东西在不知不觉中拉着你、召唤着你,你会发现最正确最合适的路径就在它所在的地方,看看就知道了。 你来得早,或者你来得晚。 所谓文章是天生的,偶然得来的。 就是这样。
很多人都知道扁平化设计好,也都接触过扁平化设计。
但也许所有的平面设计都是建立在一个基础上的。 如果缺乏这个基础,盲目去做,也是有疗效的~
喜欢扁平化设计的你,有没有问过自己,你的图标都是统一像素的吗?
您是否控制了字体选择、大小和宽度?
你选择的图片能支持整个图片吗? 能不能让你的设计更亮眼,或者因为过度放大而暴露出更多缺点? 你的排版是有创意的还是结构化的?
是的,平面设计不需要你做太多的光效和纹理,但它需要你在其他细节上下功夫。
如右图所示,舒适靓丽的外表背后,是对画面色调的严格把控。 对于每只蓝筹股,您都可以从下一只蓝筹股中找到相应的色调。
例子:首屏男士头上的鞋子颜色与底屏男士衣服颜色匹配,首屏男士衣服颜色与男士校服颜色匹配在中间的屏幕上,它也接近盖在男人头上的毯子的颜色。 更不用说图中还有颜色相近的木制家具或地板。
由于所选图片的色调和接近度,你更容易感觉到这些都是一致的,是同一个品牌所传达的。 由于减少了其他不相关的色调,只有画面中出现过的色调,降低了简洁明了的疗效。
我在这里多说几句。 在美国,网页设计是一整套设计思想的延伸。 在产品拍摄初期,我大概已经有了照片要表达的风格和修图后的色彩。 (连摄影师的工资,摄影的投入都还赶不上设计)
在这样的环境下,设计和制作可以一气呵成。 从制作结果来看,其设计感、调性、品质感都远超国外大部分设计。
其实,这不完全是技能的缺乏。
国外的话。 . . 客户提供的图片数量少,或者只是各种摄影图片的堆砌,而不是一个系列,而且他们在产品材料上花的钱也不多。 客户希望设计能解决材料不足的问题。
事实上,我说的是其中的大部分。 如今,一些电商已经开始关注摄影,但更多的创业者还不够了解。
在这些情况下变得平坦......就像有人在客机上加油,而你使用弹弓。 . . 可以借助网上的一些资料和图片来提高档次。 . . 但是图片的疗效的真实性和合理性……所以你对设计的追求只是为了美而不至于太贴切?
实际上。 能在各种约束下把设计用好,绝对是真爱。
如果前几张是美国设计师,可以从摄影师提供的素材库中拖拽,稍微编辑一下。 但是,国外的设计应该可以达到类似的疗效。 就这3张图来说,如果颜色一致的话,都是和人物皮肤差不多,衣服也和疗效差不多。 三天之内可能找不到。 (其实仅限于有追求的人,一般的设计不会觉得我选几张图那么严谨,恶心)所以,大家花一天时间练习的“设计”方法,可能就拿来了你快2天了。 (因为大半天时间都在找图片)
说回题外话,不仅仅是色调,最常见的是各个元素和位置之间的紧密度。 这是设计中有趣的部分。 你设置了很多小东西,很多人看不出有什么大的不同。 答案一出,有些人恍然大悟,原来如此。 看到下面两个反例,你好像累死了,但你知道怎么累吗?
让我们再举一个接近网络的例子。 从里面……然后你会感叹,我靠,这都是套路。 . . 其实,如果让你原创,你确定你能做到吗? 因为设计的知识肯定比我昨天说的要多,不仅仅是上面的定理,作品的高度是无数次激励的结果。
这不是你仅仅掌握某个定理就可以完全做到的事情。 如果你没有远超动手能力的审美水平,如果你没有日积月累培养出来的设计意识,如果你没有严格挑选图片素材,如果你不选择一个合适的画面,你不要放弃,如果你没有对细节执着的追求,没有大的毅力。 无梦,不管我昨天说了多少规矩,就算你能看懂,也绝对不可能做出这样的设计。
最后一个是我给内部朋友的作业。 听完我上面的分析,再看看右图。 你能找出我昨天提到的技术有多少用在里面吗? 他们又在哪里?
结尾
虽然我还是很想做这样的事情,但也是为了让设计语言简单明了,推广给普通人,消除与客户的代沟。 它还为将来设计中使用的一些技术提供了基础。 由于他们中的大多数人一直都在使用它,所以我真的不想一遍又一遍地向客户解释为什么要这样设计。
希望大家不要小看最基本的定理。 这很容易理解,但很难实践。 有多少人还停留在知道的层面,还没有养成习惯,总是做不好?
虽然就我而言,我不能停止使用 less 字体。 因为当你认为一切都很好时,很难选择。 所以鼓励自己。