设计知识,新手详情页制作误区

发现新手还是存在很多问题的 所以分享这篇文章 希望对于苦恼如何做详情页的各位朋友有点帮助

界面设计,设计音乐播放器界面图片

这个界面粗看好像很复杂,其实步骤挺简单的,主要还是运用了图层样式来制作出整体效果

新手做详情页的误区
1:图片没有转换成智能对象就随意缩放变形、修改,造成图片质量下降。
2:文字排版字体运用的错误,排版没有按照对齐的方法去做,随意变换加效果,修改困难。
3:不知道如何下手去做,左右摇摆,文字图片变化位置变换大小,最后还是重做、重做、加班。

设计知识,新手详情页制作误区插图

我们可以看到 这个做的很新手 图片是很模糊的 第一种误区 他图片没有转换成智能对象就在随意变换大小方向

所以图片很模糊 然后下面的火焰比较假 不清晰 锅子本身明度太大 应该体现一下质感 上面的文字排版比较一般 没有什么特点 耐高温和下面可以使用电磁炉 和煤气灶也没有很直接体现 我觉得如果是耐高温 直接说材质就行 标题1也感觉比较生硬 总的来说问题是比较多的 当然我觉得也正常 我开始做的时候也是这样的效果

 

首先 我们产品需要个好的图片 我问了他们是有专门摄影的 然后要了几张照片

选了一张 比较好的

设计知识,新手详情页制作误区插图(1)

这样的图片是比较好的 但是我们看到其实是可以修图一下的 我只是很简单的修了一下表面 最主要的还是手柄

需要修图 我是很懒的 今天也不是讲修图 所以略过!

加个黑色背景 随便修了一下 新手可以加强对比度 调暗调亮等等

设计知识,新手详情页制作误区插图(2)

反正做出质感就好了 当然我也只是说最好修一下 想做的好一点当然精修 不过过程说起来比较麻烦

简单说一下 第一个曲线调整

设计知识,新手详情页制作误区插图(3)

这个是比较好的 然后锐化一下 注意半径要1以内 效果会好很多

差不多就这两个 能做出比较好的效果 针对新手 想学修图的当然要在深入研究研究了

图片稍微好一点了 找一张好的燃气灶图片 昵图是比较好的 所以找了一张

设计知识,新手详情页制作误区插图(4)

这样是比较好的我感觉 稍微曲线调试一下 对比度什么的 大家会感觉好很多

设计知识,新手详情页制作误区插图(5)

这样我们前面提到的第一个问题就解决了 现在我们来说说文字如何排版

那就是对齐 一般我们看书都是左对齐的习惯是不是 所以一般我们都是做对齐 我的经验就是 大标题简短

次要标题可以用小一点细一点的文字 这样对比效果好 次标题可以写多一点 相对来说 尽量简单 明白

做左对齐

设计知识,新手详情页制作误区插图(6)

尺度大家看着办 然后我们这样是好了 但是我们总感觉少了什么

这时候我们得去模仿了 新手脑袋没什么东西 就算是高手有时候也是没东西 需要模仿 站酷很多高手 我们要关注一些人的作品搜藏

我是模仿这个

设计知识,新手详情页制作误区插图(7)

我觉得吧很好 当然大家觉得怎么样我不知道 审美不一样 但是方法是差不多的

然后我们按照他的加点英文

设计知识,新手详情页制作误区插图(8)

这样的效果 大英文背景在后面 更加体现空间感 下面的因为小字 修饰一下 显得更加高端

排版加了英文字体 感觉会高端一点 个人的经验

不过这样一来 我们右上角就空出来了 这个就是板式不平衡 大家看着会别扭 所以我们要加东西 可以是文字 可以是小图标 或者产品的延伸 都是可以的 反正让板式平衡 我是加了烟雾 是产品的延伸

设计知识,新手详情页制作误区插图(9)

整个效果就是这样 大家看到了

对比一下

设计知识,新手详情页制作误区插图(10)

大家觉得怎么样 我们不要自己想 动手 觉得自己很创意很了不起 放下自己 我们去模仿 这样才能做的好 模仿也是很有技巧的 掌握一下基本的排版 颜色搭配 我建议新手多看看别人东西 不是自己移形换位

字体是兰亭字体 也是比较常用的字体 !当然最好能点个赞- -!

新手做详情页的误区
1:图片没有转换成智能对象就随意缩放变形、修改,造成图片质量下降。
2:文字排版字体运用的错误,排版没有按照对齐的方法去做,随意变换加效果,修改困难。
3:不知道如何下手去做,左右摇摆,文字图片变化位置变换大小,最后还是重做、重做、加班。

设计知识,新手详情页制作误区插图

我们可以看到 这个做的很新手 图片是很模糊的 第一种误区 他图片没有转换成智能对象就在随意变换大小方向

所以图片很模糊 然后下面的火焰比较假 不清晰 锅子本身明度太大 应该体现一下质感 上面的文字排版比较一般 没有什么特点 耐高温和下面可以使用电磁炉 和煤气灶也没有很直接体现 我觉得如果是耐高温 直接说材质就行 标题1也感觉比较生硬 总的来说问题是比较多的 当然我觉得也正常 我开始做的时候也是这样的效果

 

首先 我们产品需要个好的图片 我问了他们是有专门摄影的 然后要了几张照片

选了一张 比较好的

设计知识,新手详情页制作误区插图(1)

这样的图片是比较好的 但是我们看到其实是可以修图一下的 我只是很简单的修了一下表面 最主要的还是手柄

需要修图 我是很懒的 今天也不是讲修图 所以略过!

加个黑色背景 随便修了一下 新手可以加强对比度 调暗调亮等等

设计知识,新手详情页制作误区插图(2)

反正做出质感就好了 当然我也只是说最好修一下 想做的好一点当然精修 不过过程说起来比较麻烦

简单说一下 第一个曲线调整

设计知识,新手详情页制作误区插图(3)

这个是比较好的 然后锐化一下 注意半径要1以内 效果会好很多

差不多就这两个 能做出比较好的效果 针对新手 想学修图的当然要在深入研究研究了

图片稍微好一点了 找一张好的燃气灶图片 昵图是比较好的 所以找了一张

设计知识,新手详情页制作误区插图(4)

这样是比较好的我感觉 稍微曲线调试一下 对比度什么的 大家会感觉好很多

设计知识,新手详情页制作误区插图(5)

这样我们前面提到的第一个问题就解决了 现在我们来说说文字如何排版

那就是对齐 一般我们看书都是左对齐的习惯是不是 所以一般我们都是做对齐 我的经验就是 大标题简短

次要标题可以用小一点细一点的文字 这样对比效果好 次标题可以写多一点 相对来说 尽量简单 明白

做左对齐

设计知识,新手详情页制作误区插图(6)

尺度大家看着办 然后我们这样是好了 但是我们总感觉少了什么

这时候我们得去模仿了 新手脑袋没什么东西 就算是高手有时候也是没东西 需要模仿 站酷很多高手 我们要关注一些人的作品搜藏

我是模仿这个

设计知识,新手详情页制作误区插图(7)

我觉得吧很好 当然大家觉得怎么样我不知道 审美不一样 但是方法是差不多的

然后我们按照他的加点英文

设计知识,新手详情页制作误区插图(8)

这样的效果 大英文背景在后面 更加体现空间感 下面的因为小字 修饰一下 显得更加高端

排版加了英文字体 感觉会高端一点 个人的经验

不过这样一来 我们右上角就空出来了 这个就是板式不平衡 大家看着会别扭 所以我们要加东西 可以是文字 可以是小图标 或者产品的延伸 都是可以的 反正让板式平衡 我是加了烟雾 是产品的延伸

设计知识,新手详情页制作误区插图(9)

整个效果就是这样 大家看到了

对比一下

设计知识,新手详情页制作误区插图(10)

大家觉得怎么样 我们不要自己想 动手 觉得自己很创意很了不起 放下自己 我们去模仿 这样才能做的好 模仿也是很有技巧的 掌握一下基本的排版 颜色搭配 我建议新手多看看别人东西 不是自己移形换位

字体是兰亭字体 也是比较常用的字体 !当然最好能点个赞- -!

作者: 791650988

为您推荐