15个小技巧,教你如何设计好详情页设计细节

前言:这是一篇扫盲式的手机详情页的设计细节文章,主要写给0基础的小白设计师的,大佬们笑一笑就好了,当然有错误的地方也恳求指正,不仅能让我学习到知识,还能避免把人带弯。

目的:做详情之前得清楚详情页的核心目的,个人认为是展示产品卖点与传递产品信息,形成转化,美观是其次。

所以在制作详情页的时候得时刻记住自己主要想表达的是什么,在信息传达到位的前提下,可以检查下下面的细节。

1. 一屏的尺寸

 

鉴于目前95%的详情页用户都来自无线端,所以我们在做详情页的时候,有必要了解目前自己工作主要使用的平台的尺寸是多少,这里平台以某宝为例,手机用iPhoneX,计算出了一屏可展示的高度,这样自己在做详情的时候就知道多高比较合适了。

2. 竖屏思维

 

既然用户使用场景是手机,那么在制作详情的时候,尽量用竖着阅读的方式去制作,而不是- -味地继承电脑端的横屏思维,将详情缩小即可,另外推荐小字体不小于18px。

3. 图标设计

 

图标在传达信息的时候,比只有文字的时候效率要高,也容易记住。在使用的时候注意统一性,切忌面性图标和线性图标混合使用,在使用线性图标的时候,还要记得统一图标的粗细。

04. 关于人物肖像

 

当需要出现多个人像的时候,好使他们形象大小、方向、色调一致,眼睛在画面的高度好也统一,这样有利于画面和谐。

05. 图形

 

说过圆形好不要人为拉伸,因为这样并没有任何意义,并且还会人为是你做设计不够细心造成的。

06. 圆角矩形

 

关于圆角矩形的大圆角,不是不可以用,但是大部分人用的不好,所以稳妥一点,我推荐圆角小一点,或者拉成半圆,会大气很多。

07. 投影

 

黑颜色的投影其实也好用的,但是或许有好的方式,试试加了红色的黑色吧,也许看上去干净一点。

08. 按钮 & 搜索栏

 

凭感觉做的一般都是从业很多年的设计前辈了,如果不知道为什么别人做出来好看,可以试着分析下按钮的负空间,与单个字体之间的比例,做出来的按钮整体效果要比之前的大气哦。

09. 箭头

 

很多初学者习惯偷懒用英文的符号代替,但是往往细节决定成败,随便画一个矩形,删除一个锚点,旋转45就能画出来,记住统一成文字的笔画粗细。

10. 字体搭配

 

在对于字体个性不太了解的情况下,黑体搭配黑体、宋体搭配宋体,是不会有错的(黑宋搭配是比较难掌握的),但是搭配的时候需要注意,英文在同字号的时候行高没有汉字高,需要加大1-2个字号,同时字重需要匹配。

11. 标题与正方

 

标题与正文,想要搭配的好看,前期推荐用计算器,固定好标题文字大小或者内文文字大小,然后用1.414、1.5、1.618、1.732、2、3等比例进行运算,内文的行距也是同样的道理,然后推荐大家文字大小用偶数,大小变换输入数值,这样可以在后导出图片的时候,避免某些意料之外的瑕疵。

12. 辅助线

 

推荐拉辅助线的是按住shift,辅助线会以1、10这样的整数变化,不会出现小数点的辅助线,避免在对齐的时候出现1px的误差,被说成是粗心的失误。

13. 阅读顺序

 

对于一个步骤,试试用1、图、文字的顺序,跟图、1、文字的顺序阅读,就知道哪个流畅,能带来良好的用户体验。

14. 标题推导

 

当你的详情中,有多屏视觉页展示的单页,且文字适合排在上方的时候,尽量让这个文字在每屏中的位置一样,这样会让你的设计看起来很规整,也很有设计感。
上石 - 电商4A 专注电商营销推广与电商视觉设计,为客户提供全方位的电商品牌服务。
公司聚集了一批专业的电商精英,为我们的客户提供一流的电商服务。公司凭借雄厚的技术实力和优良的服务品质,为数千家企业成功提供了卓有成效的整套电子商务解决方案,为此公司赢得了客户广泛的赞誉。
旗下潢川电商知识分享平台,主要以分享电商运营视觉策略这方面的内容。承诺我司搭建这个平台无任何付费。只为潢川人提供一个了解电商了解互联网的平台。我们希望我们是您成功路上的垫脚石。愿上石与您一起为我们大潢川繁荣昌盛而努力。

如果您有任何疑问或需要了解可以加我微信:13501347155
 

相关推荐
新闻聚焦
猜你喜欢
热门推荐
  • 潢川上石电商告诉你:对于设计而言,“色

      冈本一宣 Okamoto Issen, 1951年出生于长崎,毕业于武藏野美术大学。1979年成立冈本一宣设计事务所。以报刊、杂志等媒体的编......

    10-08    来源:未知

    分享
  • 潢川上石电商告诉你优秀的海报应该怎么

      为什么别人字体就那么随意放一下就辣么好看,其实排版可有大学问,不是随意放就好看。这就如同配色一样,也有千变万化......

    10-08    来源:未知

    分享
  • 潢川在线电商知识平台谈设计需要掌握哪

      一、经常被使用的PS: PS主要处理以像素所构成的数字图像。使用其众多的编修与绘图工具,可以有效地进行图片编辑工作。......

    10-05    来源:网络

    分享
  • 潢川电商:3:4主图视频操作教程

      【重要通知】3:4商家视频已支持在爱逛街频道透出,制作头图视频即可获取曝光机会! 点击查看 -3:4视频后台: xiangqing.wan......

    10-08    来源:未知

    分享
  • 美工外包现在的趋势是什么?

      美工外包现在是朝越来越流行的趋势发展,首先,找到了合适的外包商家就靠谱。这个范围不限于地区,可以在全国范围内找......

    10-05    来源:网络

    分享
  • 想成为一个好的淘宝美工,需要学习哪些

      我们都是知道美工在淘宝店铺的装饰是非常重要的,甚至很大程度上一名优秀的美工可以主导这个店铺的访问量,对整个店铺......

    10-09    来源:网络

    分享
  • 潢川电商告诉你做好详情页的3个要点

      一、注意条理性,引导客户思维 详情页,是客户了解我们产品及企业的重要载体,也是我们实现转化的重要环节。想让客户......

    10-09    来源:网络

    分享
  • 上石艺术教你简单5步,快速打造你的视觉

      一对一服务,犹如全职。上石艺术有天马行空的想象可打破常识的束缚,唤醒大众的审美角度,不要叫我牛逼设计,请叫我神......

    10-05    来源:网络

    分享
  • 一个合格的美工需要具备哪些技能

      一个优秀的美工在老板眼中是无所不能的请将自己上升到设计的角度,平台设计,图片美化,html,css,这些你起码要懂点 首页......

    10-05    来源:网络

    分享
  • 潢川网页设计教你样本设计应该遵循的设

      样本设计是企业商业活动的重要内容,深圳样本设计应该遵循怎样的设计思路,是今天我们要说明的问题,现在我们就来看一......

    10-08    来源:未知

    分享
返回列表
Ctrl+D 将本页面保存为书签,全面了解最新资讯,方便快捷。