美文网首页读书笔记
《形式感+》读书笔记&思考

《形式感+》读书笔记&思考

作者: 小熊是谁 | 来源:发表于2018-11-21 00:35 被阅读123次

《形式感+》这本书应该是15年还是16年买的了,一直被闲置,心态很浮躁不想看电子设备就找出来看了。看书之前,特意翻了一下印刷时间是2014年,四年多时间,互联网发展真的很快,案例风格可以很明显的感觉到“过时”,不过不太重要,书里还是有很多值得学习的。其实我自己是很少花钱去买这一类型的书了,因为在现在各种设计网站里其实都能找到大量类似的案例分析。

我自己工作内容主要是UI设计,更多接触到的产品是to B系列的,在这本书里作者在“做做”中提到的一些案例更多是关于游戏内容的网页设计,这是我没有去了解过的一个方向,和我开始以为的是一些企业商户网站或者电商设计稍稍偏差。


01 抄现实 (联想)

利用现实物件为原型装载网页的信息内容

这本书第一章里提到的抄现实,在我的理解里就是“联想”。通过具象或抽象的联想方式对网页进行设计。书中有提到一个例子,就是关于棒球比赛的网页设计,首先根据主题联想棒球或者球场作为一个整体网页设计的视觉呈现,然后通过减法、分块、加法三个步骤去完成设计。

1.减法: 在保留物体原有形态的基础上删减掉多余的型或线条,留出空间去承载更多的信息内容。

2.分块: 对需求主题所需要展示的信息进行整理,合理进行分配。(解决功能性问题)

3.加法:对网页进行填充和装饰。

02 圆、方、三角(基本形状)

圆、方、三角是设计中的基本形,在设计中,大多数的物体都可以由这三种形状合并、交集、排除而成。在本章节中提到的方法中,和第一章的提到的观点有一定的重合,首先是根据需求或主题进行联想,然后用基本型去构成物体,在这一步可能需要感性和理性的常识去构成一个识别度不错的基本型,然后就是第一章提到的“分块”,对内容进行布局调整,最后对整个画面做“加法“,进行颜色、形态的细化,一定程度填充画面使画面更丰富不单一。

03 断臂之美(局部的处理)

本章提到的断臂之美是一种设计技巧,对局部的处理。其中包括去掉局部、选取局部和替换局部三种方法。去掉局部是在原先的基础上删掉内容的一部分,排除了视觉干扰使中心更加明确,选取局部是为了更突出主体以小见大,替换局部是用更能表现主体的事物来代替局部,这三个方法都是使主体更加明确,在设计过程中根据实际需求选取更合适的方案。

04 欲擒故纵(对比)

在设计方法想要突出某个主体,可以采用对重点做加法或对其他部分做减法,从颜色、明度、饱和度、大小、形状等方面进行改变达到突出主体或弱化不必要项。同时提到摄影方法画面里的满和空,一定的留白更能突出主体。

05 乾坤大挪移(旋转&平移)

旋转和平移是改变视觉的有效办法,打破传统的视觉习惯吸引注意力。旋转提到了整体旋转、背景旋转、综合旋转三种方法,旋转打破原有画面横屏竖直的呆板,让画面更轻松活跃。一些斜线条也可以产生运动感和速度感,衍生出时尚、年轻的表达。平移提到了上下格局、左右格局、混合格局三种方法,是指将原来的网页进行左右平行移动,打破页面的稳定,找寻更多创意的呈现。

06 杂志版式

质感轻薄、版式强节奏、图片大视觉是杂志版式的特点。

1.质感轻薄:杂志版式主要是通过色块和点、线、面配合形式美感。圆形、三角、斜线、1px细线、虚线、箭头都是经常出现的元素。

2.版式强节奏:1)大小:夸张的大字和小字配合使用。2)多少:留白和画面的充实。3)粗细:字重。

3.图片大视觉:1)背景大图。2)信息图形化大图。3)文字配图。

07 全屏大视野

面对不同显示器如何进行自适应响应。

1.大图平铺:大图平铺自适应,图片根据屏宽大小自适应。

2.中心定位,两侧自适应:不要将核心内容放在两侧。

3.单侧定位,中心延展:常见的左侧一栏固定。

4.全屏响应:瀑布流设计,栅格。

08 文字衣橱(信息的主次)

对文字信息的主次进行分类可以让界面信息更清晰,用户更易读。主标题、副标题、小标题、序号、内容说明、提示说明、关键词、图示、按钮,这是大量文字内容中的组成元素,我们要做的就是从文字中去提取信息分类。

09 你看起来很好吃(并列、对比、流程)

这一章的内容是对信息更深入理解消化后的设计方法,平日里工作会有大量的逻辑关系考虑,所以这一章内容对我还是有一些帮助和思考,在对比型的例子中展示了不同的对比方式,轴线图、环形对比图、竖状图等等,其实平日里工作中每天都会接触到很多信息,但是自己在思考范围内并没有把图像信息化这个块常常考虑到,所以读到这一章的时候,突然有被点醒。

1.并列型:有共同逻辑关系的不同事物或同一事物的不同方面。

2.对比型:两个及以上的事物进行比较或一个事物的几方面比较。

3.流程型:两个及以上的流程关系,多支线流程或循环流程。

10 钉钉铆铆(修饰)

给网页中添加一些小修饰,图标、序号、小字或者手绘可以给整体页面的易用性、舒适性等加分。

1.图标:1)方便浏览  2)简化文字说明  3)增加版面节奏。

2.序号:1)阅读顺序引导  2)快速阅读  3)增强节奏感  4)图片装饰。

3.字:1)增强节奏感  2)增强视觉精度  3)空位补形  4)文意补充。

4.手绘:1)文字手绘  2)人物手绘  3)装饰对话手绘  4)内容标识手绘。

附录(略)


以上就是这本书整理出来的重要内容,做整理是不想让自己每次读完一本书就忘记书里一大半的内容,也方便日后回顾可以快速抓住重点,上面的内容只是提取出来的文字信息,想要更好的理解当然还是要结合到书中举出的大量例子。

一个吐槽:这本书的字体识别真的很费劲,尤其在案例需求的红底白字,完全不想看下去~

相关文章

网友评论

    本文标题:《形式感+》读书笔记&思考

    本文链接:https://www.haomeiwen.com/subject/qiofqqtx.html