当前位置:首页设计文章交互设置页面图标的思考
设置页面图标的思考
°
  • 素材类型: 原创-素材
  • 上传时间:
  • 版权问题: 禁止转载-禁止商业用途 (文章来源)

记笔记的阿晴(notebyaqing)独家文章,转载需署名。

全文1015字,阅读需要多久因人而异~

前言

今天更新一下在做设置页面中,设置页图标的个人思考:

一开始想用面性图标,因为APP整体都是以面性为主,所以考虑面性,但因为面性相对于线性来说,视觉占比会更重一些,所以我会把图标调成浅灰色,弱化注意力。试了很多种灰色,都感觉怪怪的,于是尝试线性图标吧。

设置页面图标的思考

经过粗略的调整和优化,发现果然还是线性图标才是适合设置页面的。尽管面性图标的色彩很弱化了,但毕竟面性就是会更比线性图标更吸引人眼球,注意力热区更加倾向图标。

只有自己验证过尝试过才真的明白为什么那么多的APP设置页面都是用线性图标。学废了~(‾᷄⁻‾᷅)

粗略的调整线性图标后,在手机上预览,确认用线性图标这一稿后,我开始细化这一套图标。

一开始是偏黑的灰,但是显得右边的文字就很细,然后我调整右边文字的字重,效果不太好,考虑还是调整图标看看,也许是图标颜色的问题。

于是第二次我把图标整体调灰,但是手机上看就感觉雾蒙蒙的,还是不行。这时我突然想到调成偏蓝灰会不会适合?

偏蓝灰色我多用于文字上,图标还没尝试过,以往的经验都是图标用灰色基本看上去是OK的。

经过调整多次的偏蓝灰色,调出了一个视觉上看上去与右边文字相平衡的颜色,就那一刻,我知道就是这个色了。

设置页面图标的思考

收工!

碎碎念

网上不缺各种教程文章,但是一旦深入去问,就很难找到很细,工作中问同事,他们也不太确定,或者就只能到设计分享会问大佬,但又担心有的问题感觉似乎好简单,又不好意思问。比如设计规范,我们都知道设计规范很重要,但是在工作中,很多很小的点对于规范究竟该如何取舍?如果当时不做记录,过后就很容易遗忘,所以我现在想举例我也想不起来当时遇到的纠结点了。

以后有设计中细节的思考和个人感悟,都写到公众号里做记录吧,虽然也会做笔记,不过觉得分享到公众号上更加方便复盘,毕竟笔记本什么都记,公众号对我来说不一样,是学习、记录、成长的见证。

后记

我决定,

微博更新交互动效和思考一些暂时没找到答案的动态,找到答案后发布公众平台,并且找到这条微博,评论+转发更新。(微博跟公众号同名,搜索:记笔记的阿晴就可看到)

订阅号更新学习的总结还有一些杂七杂八的各种~

小红书更新每月复盘,其他的暂时没想好,vlog也有想过,不过我觉得剪辑视频太费劲还是放弃啦~

本来只是想随便写一下,没想到又搞了快一个小时TAT,来不及做饭了,明早争取5点内起来!不然就像今天一样太匆忙啦

温馨提示:

文章标题:设置页面图标的思考

文章链接:https://www.uied.cn/7478.html

更新时间:2022年12月26日

本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

给TA打赏
共{{data.count}}人
人已打赏
UI设计干货

教你一种我百试不厌的配色技法

2022-12-26 14:07:43

UI设计干货

教你如何打造自己的专属设计评测师

2022-12-26 14:16:46

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索