具体描述
《互联网产品(Web/移动Web/APP):视觉设计(风格篇)》旨在介绍Web及移动Web/APP等互联网产品界面风格的知识与方法。新兴的互联网企业将网站的建设和运营视为重中之重,传统企业也试图通过网站树立企业形象,扩大企业影响,并进行产品营销。网站由一个个页面组成,每个网页上承载着需要传递的信息,信息的质量决定着网站的生存。网站视觉设计的任务就是要最大限度地提高信息传递的高效性,用精确的形态实现功能。
《互联网产品(Web/移动Web/APP):视觉设计(风格篇)》以网站视觉设计为核心,阐述了网站的视觉风格及设计方法和案例分析的专业书籍,并针对移动互联网的迅猛发展解析了移动端产品的视觉风格及特点。内容包括:网站视觉风格,网站视觉风格的建立,用户体验与风格,网站类型与风格,视觉风格与趋势,移动化风潮。
《互联网产品(Web/移动Web/APP):视觉设计(风格篇)》作者为数字媒体艺术专业副教授,长期从事教学科研及设计实践工作。
《互联网产品(Web/移动Web/APP):视觉设计(风格篇)》力求将国内外Web界面设计方面的知识体系融会贯通,从贴近实战的角度出发,结合案例式教学的方法经验,做到“有用、能用、好用”。
《互联网产品(Web/移动Web/APP):视觉设计(风格篇)》适合从事网站及移动APP设计人员以及大专院校、培训机构相关专业师生阅读,特别适合希望掌握界面风格设计方法和技巧的读者作为参考。
作者简介
隋涌,北京印刷学院设计艺术学院数字媒体艺术系副教授,网络艺术设计工作室主任。从事互联网设计教育与实践十六年,主要研究内容包括视觉设计、交互设计、信息设计、互联网广告设计等,关注互联网产品设计中人本思想的融入与创新实践。
目录信息
1.1 风格溯源
1.2 何谓网站的视觉风格
第2章 网站视觉风格的建立
2.1 依据
2.1.1 网站目标分析
2.1.2 用户需求分析
2.1.3 网站类型和规模
2.2 视觉风格的要素
2.2.1 文字
2.2.2 图形
2.2.3 色彩
2.2.4 布局
2.2.5 动态效果
2.3 视觉设计的原则
2.3.1 功能性原则
2.3.2 可视性原则
2.3.3 统一性原则
2.3.4 艺术性原则
第3章 用户体验与风格
3.1 人本主义设计
3.1.1 人性化设计理念的兴起
3.1.2 需求层次
3.1.3 以用户为中心的设计
3.2 用户体验
3.2.1 用户体验的要素模型
3.2.2 蜂巢模型
3.2.3 用户体验的四要素量化模型
3.3 网站的体验类型与视觉风格
3.3.1 浏览体验型
3.3.2 信任体验型
3.3.3 交互体验型
3.3.4 感官体验型
第4章 网站类型与风格
4.1 门户网站
4.2 机构网站
4.3 新闻网站
4.4 购物网站
4.5 运动网站
4.6 旅游网站
4.7 影视网站
4.8 音乐网站
4.9 游戏网站
4.10 美食餐饮网站
4.11 科技网站
4.12 设计类网站
4.13 社交网站
4.14 个人网站
第5章 视觉风格与趋势
5.1 扁平化
5.2 拟物化
5.3 极简主义
5.4 绘画风格
5.5 杂志风格
5.6 玩转文字
5.7 超大背景
5.8 模糊背景
5.9 视频背景
5.10 3D图形
5.11 像素风格
5.12 单页网站
5.13 视差滚动
5.14 滚动侦测
5.15 超彩色
第6章 移动化风潮
6.1 跨屏设计的差异化要素
6.1.1 使用场景的差异化
6.1.2 交互方式的差异化
6.1.3 屏幕容量的差异化
6.1.4 信息组织的差异化
6.1.5 导航系统的差异化
6.2 多屏一致的Web体验策略
6.3 移动APP视觉风格
6.3.1 拟物化风格
6.3.2 扁平化风格
6.3.3 绘画风格
6.3.4 其他风格
参考文献
· · · · · · (收起)
读后感
用户评价
这本书简直是视觉设计领域的一股清流,我最近入手了它,发现里面的内容深度远超我的预期。首先,它对于“风格”的理解和剖析非常到位,不是那种泛泛而谈的理论堆砌,而是真正深入到了设计师的思考内核。比如,书中对“极简主义”在不同时代背景下的演变进行了详尽的梳理,不仅展示了视觉上的差异,更挖掘了其背后的用户心理和社会文化驱动力。我特别欣赏作者在案例分析上的独到眼光,那些被广为流传的经典设计,作者总能从一个全新的角度去解构,让我们看到那些隐藏在光鲜外表下的设计决策逻辑。读完之后,我感觉自己对如何建立和维护一个统一、有辨识度的产品视觉体系有了更清晰的蓝图,那种从“知道怎么做”到“理解为什么这么做”的跃升,是阅读这本书最大的收获。它不仅仅是一本工具书,更像是一本能启发设计师拓宽思维边界的哲学导论。
这本书的价值远远超出了“互联网产品”这个狭窄的范畴,它本质上是一本关于“视觉沟通的艺术与科学”的深度探讨。我特别欣赏作者在开篇就设定了一个高度,即风格并非是装饰,而是产品价值观的直接投射。书中对“数字原生美学”和“传统印刷思维”的冲突与融合有着非常深刻的见解,这对于那些经常需要在跨媒介平台进行品牌输出的设计师来说,简直是及时雨。作者并没有提供固定的“模板”,而是提供了一套强大的“分析工具箱”,教会我们如何解构任何一个成功的视觉风格,并将其核心要素提取出来为己所用。其中关于字体排印在移动端适配上的讨论,细致到令人发指,完全体现了匠人精神。读完后,我不再满足于表面的美观,而是开始追求设计背后逻辑的优雅和效率,这本书无疑是推动我设计思维升级的关键力量。
说实话,我抱着试试看的心态买了这本关于互联网产品视觉的书,没想到它彻底颠覆了我对“风格指导”的刻板印象。它完全没有陷入那种教人模仿热门趋势的窠臼,反而花了大篇幅去探讨如何“创造”属于自己产品的独特语言。我尤其喜欢其中关于“设计语言的演化”那几个章节,作者没有采用传统的线性叙事,而是通过对比分析几个截然不同的行业案例——从金融科技到内容社区——展示了如何将抽象的品牌精神转化为具体的视觉元素,并且确保这些元素在不同触点上保持一致性。最让我印象深刻的是,书中关于“动态视觉”的探讨,那部分内容非常前沿,它讨论了动画、过渡效果如何成为品牌风格的延伸,而不仅仅是锦上添花的装饰。阅读过程是一种享受,作者的文笔流畅而富有洞察力,读起来丝毫不觉得枯燥,反而像是和一位经验丰富的大师进行深度对话。
这本书的阅读体验非常扎实,它给我的感觉就像是拿到了一本高级设计研究报告,而不是一本快餐式的教程。我对其中对“情绪化设计”的探讨特别感兴趣。作者没有停留在“用暖色调显得友好”这种肤浅的层面,而是深入剖析了色彩心理学、纹理对比以及留白处理如何共同作用,微妙地引导用户的情绪流向。书中穿插的那些关于“复古未来主义”或“赛博朋克美学”在现代应用中的案例分析,真是精妙绝伦,它教会了我如何从历史和文化语境中汲取灵感,而不是简单地挪用符号。而且,这本书的版式设计本身就是对书中理论的完美实践——它自身就体现了一种严谨而富有创意的设计风格,这本身就增加了说服力。对于希望将自己的产品从“能用”提升到“令人难忘”层面的资深设计师来说,这本书绝对是案头必备的参考书。
我最近在寻找一本能够系统性指导我如何从零开始构建一个产品视觉规范体系的书,很幸运地发现了这一本。这本书的结构布局非常清晰,它不是简单地罗列规范条目,而是从“为什么需要规范”开始,层层递进地讲解了风格一致性带来的商业价值和用户体验优势。作者在阐述设计原则时,大量引用了工程学的思维方式,使得整个设计讨论显得逻辑严密、可落地性极强。特别值得称赞的是,书中关于“可扩展性设计”的部分,它详细讨论了如何设计一套能够适应未来产品迭代和平台变化的视觉框架,避免了前期投入巨大但后期难以维护的窘境。我个人最受益的是对“负空间”在信息架构中的应用分析,这部分内容对我优化当前界面的信息密度起到了立竿见影的指导作用。这本书读完后,我感觉自己对设计决策的信心大大增强了。
案例不错 干货少
科学和艺术是不能分割的。它们的关系是与智慧和感情的二元性密切关联的。伟大艺术的美学鉴赏和伟大科学观念的理解都需要智慧……艺术与科学实际上是一个硬币的两面,它们源于人类活动最高尚的部分,都追求着深刻性、普遍性、永恒和富有意义。
科学和艺术是不能分割的。它们的关系是与智慧和感情的二元性密切关联的。伟大艺术的美学鉴赏和伟大科学观念的理解都需要智慧……艺术与科学实际上是一个硬币的两面,它们源于人类活动最高尚的部分,都追求着深刻性、普遍性、永恒和富有意义。
视觉元素的合理组合才能形成合适的风格,书不错,帮助很大
视觉元素的合理组合才能形成合适的风格,书不错,帮助很大