大家好，欢迎来到Slidecent，
见字如面，我是林利蒙。
不知不觉又消失了一段时间
最近因为在忙第一期进阶模仿训练营
有阵子没有更新原创推文了
今天给大家分享一篇讲解设计思维的干货文章
内容非常详细，相信你会喜欢，建议收藏
下面我将通过一页PPT实战改稿，带你了解形式背后那些看不见的设计思维
本次案例是关于苹果手机的，也是我在训练营中给学员留的最后一次作业（原创设计练习）
在经历了方法讲解以及三次高质量模仿练习之后，学员已经具备了一定的软件操作和观察能力，页面的还原度可以达到8成，但是一碰到原创设计，大脑又是一片空白
不知你是否也是如此，模仿可以但原创就没有思路了。到底是哪一步难倒我们了呢？
话不多说开始今天的内容
寻找参考
以下为原稿：
这是iPhone 12的产品介绍页，首先问大家一个问题，如果让你设计，第一步会做什么？
简单思考三秒钟
。。。
。。。
。。。
好，时间到
我想每个人应该都有自己的设计习惯，但第一步操作不外乎应该是这两种：
1. 找参考：了解设计风格
2. 直接做：调整版式布局
在此我建议选择第一种方式（即找参考） ：
对于小白而言： 直接做肯定没有思路，寻找合适的参考可以辅助设计
对于高手而言： 或许直接做就能完成排版设计，但有时会缺少定制感（即苹果的感觉）
不知你没有有发现，有时候看到一些定制作品，虽然觉得也很好看，但就是少了一种官方出品的感觉。这就是因为你只是做好了排版而忽视了品牌气质
那么我们该去哪里寻找参考呢？就这份作品而言，苹果官网是一个不二的最佳选择
苹果官网首页
以下是我在官网上找到的一些设计灵感（这里以浅色系为例）：
简约、高级。我想这是很多人对于苹果的印象
我们截取其中一页案例来分析下：
参考图
这是一页概念页，内容非常少。很多新手朋友看到这样的灵感参考肯定很懵逼，不禁疑惑这么少的内容我也能有参考的地方吗？
因为在很多人眼中，所谓参考就是页面的排版布局，其实这个理解是很片面的
有时候页面的气质比版式布局更重要（俗话说的好就是有内味儿了）
回到参考图，它一共包含3部分：图片、文字和背景。选一张好看的图片固然重要，但文字和背景的选择也不容忽视：
从这页灵感图中，我们发现了两点设计特色：
1.背景是浅色而不是纯白色的
2.字体方方正正没有过多修饰
原稿分析
了解了苹果的设计风格后，我们再看原稿就会发现，除了文字排版的问题，这页在背景和字体选用上与“苹果风”不符：
原稿中的字体为宋体：它属于衬线体，文字末端有修饰，适合历史感、中国风的场合，不太适合于苹果这种现代的设计风格
于是，我们依据参考图将字体改为苹方系列，背景色选为官网的浅灰色：
通过替换字体和背景色，是不是稍稍有点苹果的感觉了呢？
这就是页面的气质，它是单单通过排版无法达到的。所以我们在做定制设计的时候，第一步是要抓住设计的气质
整体设计
接着要对文案进行梳理，主要包括三部分：标题、性能以及价格。由于内容较少，逻辑也很简单，所以我们只需考虑文案的主次即可
在这里有朋友会有疑问，性能和价格应该凸显哪个呢？其实这个问题很简单，这是产品介绍页，旨在突出产品优势。因此一般性是凸显性能，当然如果你的价格足够诱人，也可以对价格进行凸显
于是，我们将性能的关键词放大做突出展示：
这样就比刚才多了一点大小对比的变化。此时重点虽然突出了，但可视化仍不足（即全是文字，缺少图形化元素）
于是大部分人会想到添加图标修饰：
emmmm，随着这几个”浓重”图标的加入，画面突然丑了不少
这是啥情况呢？难道是图标不够好看吗？于是有的小伙伴继续更换图标，但总是靠试没有方向，最终效果还是不尽如人意
其实表面上看是图标样式不够美观，实则是因为你选择的图标与当前页面的气质不符
我们都知道苹果一向的风格是简约的，而面型填充的图标太过厚重，用在这里并不合适。于是，我们更改图标的类型，选择更为简约的线型图标：
怎么样，是不是在保持可视化的同时更符合页面画风了呢？这就是图标选取的细节
到此，版式布局大体定下了，但此时的画面仍不够精致，我们还能做什么呢？
没错，那就是添加亿点点细节：
这里有一个很重要的细节不知道大家有没有发现，那就是在“升维大提速”后面加了句号
这个句号很关键，如果你仔细看官网的设计参考，会发现在一些关键词后面都有句号修饰，算是苹果独特的设计标识了
模仿要做到形神兼备，就要考虑到这些微小的细节，有时一个标点有时也会是加分项
到此初稿完成了，然而目前还有个问题，不知道你能不能看出来呢？
给你3秒钟思考一下
。。。
。。。
。。。
揭晓答案，就是当前页面左侧内容较多，在竖向的占比较右侧多出一截，画面不够平衡：
对于初学者而言，可以通过这种划分版面的方式来检测页面的平衡感问题
既然左右不平衡，那么我们可以通过改变元素的位置来优化（我将价格信息移到了页面的右侧以使得左右的平衡感达到统一）：
至此，改稿就算完成啦，通过前后对比看下效果：
好像一切都没变，好像一切又都变了。这就是页面气质以及细节所带来的品质差异
版本迭代
在此基础上我还迭代了几个版本供大家参考：
凸显单机型
放大局部型
上下布局型
上帝视角型
除了浅色版本，我们还可以尝试一些视觉上更为高级的深色版本：
林利蒙
林利蒙
注意上图中的手机是苹果原始的图片素材，但是用在这里画面比较昏暗，效果不是很好
因此我们可以通过PPT自带的图片处理功能，调节素材的明暗及加一道光让画面亮起来：
林利蒙
简单的操作，是不是让页面焕然一新了呢？这也是细节设计的力量
再或者，我们不妨更大胆一点，将视频元素融合进来，创造出更为高级的视觉体验：
林利蒙
以上为我的部分改稿案例（完整版可在文末获取），没有很高端的软件操作，即使小白也能临摹出来，但是相较于形式，每一步背后的设计思维更值得我们深思
学员作品
本次训练营也涌现了很多优秀的学员作品，在此仅展示少部分案例：
屁屁桃
小Z
小圣
小蚊子
小黄不Yellow
小曾
相比于模仿，原创设计考验的往往不是软件操作，而是背后的设计思维。都说表象是形式，内在是思维。只有真正明白为什么才能更高效地创作
以上，就是此次分享的全部内容，感谢你能看到这里，我将以上案例作品（我做的部分）打包分享给你：
文件获取方式如下：
PDF版本文件获取方式：
1.点击右下角在看
2.在后台回复 “苹果” 即可获取
PPT版本源文件获取方式：
1.转发本推文至朋友圈（保留五分钟以上）
相关文章
赣公网安备36100202000190号