返回
杭州华澄教育
置顶
招生热线:400-800-2181

学校地址:杭州市文一西路75号杭州数字娱乐产业园三号楼一楼

详情页的设计的细节

28 2022-01-14 09:02:36

学习笔记

  01. 一屏的尺寸

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

  02. 竖屏思维

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

  03. 图标设计

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

  04. 关于人物肖像

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

  005. 图形

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

  06. 圆角矩形

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


文中图片素材来源网络,如有侵权请联系删除
来源:杭州华澄教育

免费提供问答解答,帮您轻松解决难题

热门课程 全部课程

热门动态

申请免费试听

只要一个电话

我们为您免费回电

立即申请
刷新
图形验证
关闭
>>
拖动左边滑块完成上方拼图