外链论坛

 找回密码
 立即注册
搜索
查看: 55|回复: 3

15个手机详情页设计细节,助你输出高品质页面

[复制链接]

3012

主题

210

回帖

9777万

积分

论坛元老

Rank: 8Rank: 8

积分
97779074
发表于 2024-8-12 04:50:04 | 显示全部楼层 |阅读模式

源自:设计达人网

链接:

http://www.shejidaren.com/15-shouji-xianqing-ye-sheji-xijie.html

前言:这是一篇扫盲式的手机详情页的设计细节文案重点写给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. 标题推导

当你的详情中,有多屏视觉页展示的单页,且文字适合排在上方的时候,尽可能让这个文字在每屏中的位置同样这般会让你的设计看起来很规整,特别有设计感。

注:部分照片来自网络,仅用于学习交流之用途。





上一篇:详情页的设计规范!按部就班
下一篇:淘宝详情页长图怎么分割?详情页尺寸是多少?
回复

使用道具 举报

0

主题

580

回帖

3

积分

新手上路

Rank: 1

积分
3
发表于 2024-9-8 05:19:05 | 显示全部楼层
你的话语如春风拂面,让我心生暖意。
回复

使用道具 举报

0

主题

1万

回帖

1

积分

新手上路

Rank: 1

积分
1
发表于 2024-9-10 02:41:51 | 显示全部楼层
交流如星光璀璨,点亮思想夜空。
回复

使用道具 举报

3101

主题

2万

回帖

9910万

积分

论坛元老

Rank: 8Rank: 8

积分
99108705
发表于 2024-10-3 11:30:53 | 显示全部楼层
我完全赞同你的观点,思考很有深度。
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

站点统计|Archiver|手机版|小黑屋|外链论坛 ( 非经营性网站 )|网站地图

GMT+8, 2024-11-13 04:18 , Processed in 0.068667 second(s), 21 queries .

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.