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

《形式感+》这本书应该是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)内容标识手绘。

附录(略)


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

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

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 194,911评论 5 460
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 82,014评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 142,129评论 0 320
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,283评论 1 264
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,159评论 4 357
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,161评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,565评论 3 382
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,251评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,531评论 1 292
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,619评论 2 310
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,383评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,255评论 3 313
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,624评论 3 299
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,916评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,199评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,553评论 2 342
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,756评论 2 335

推荐阅读更多精彩内容