童话说说技术创业美文职业
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

对齐在APP中不易被察觉的3点

8月20日 观潮阁投稿
  对齐是设计中老生常谈的话题,大家也都很清楚对齐带来的优点。本文作者主要分享其在界面设计中窥视到的另外一层难以被察觉的3个小点,enjoy
  显然对齐是任何设计中都老生常谈的一个话题,因为人们的眼睛总是喜欢看到有序的事物,它通过一条“无形的线”将部分元素连接在一起,形成了一种视觉纽带。这种边界感令视线有基准可循、不但让人在视觉上有种安稳感,更引导暗示人们其中的关联性,有助于人们理解其中的含义。
  对齐对设计的影响在这里就不展开多说了,网上的文章、设计的书籍基本都提到过很多,现在所思考的是界面设计中,对齐那些不易被察觉的点,即:布局是否需要考虑对齐、对齐的误区和其背后功能性的考虑。下面我将从这三个方面来进行探讨和思考。
  布局也需要对齐
  除了常规的元素(字体、按钮、图片等)需要对齐外,布局也需要满足这一点。大方向的布局过于统一会造成列表感(“我的设置”界面除外),当布局中的常规元素满足对齐这一规律后,布局与布局之间的对齐更是需要被考虑到的。
  界面中通常包含多个布局,每个布局中的元素因为存在一定的关联性而被放置在一起,因此相似且有关联的元素可统一成为一个布局。
  而其他布局则可酌情采用另外的形式来表达,差异性的设计布局会令用户下意识的感知到,这是产品中两个不同的功能,其所代表的含义是互不相干的。
  如上图所示,我们可以清楚的通过视觉感官得知:左边上方3个序列排放的卡片是为一体的,相互之间的信息是相似的。实际上,这三个卡片的含义也都与存款收益有关;而左边下方横向排列的3个卡片,又代表了另外一个功能。右边虽然是追波虚拟稿,但不难发现,上方横向对齐的卡片布局和下方竖向排列的卡片布局,它们所表述的是毫不想干的。
  对齐的误区
  过度地使用对齐,容易令视觉感到疲惫、且找不到重点所在。
  如上图所示,除了衣服的色彩不同,你能很快找出每个人的区别吗?在界面设计中,盲目的在一整个界面中使用同一种对齐是十分不可取的。
  界面中的每个元素必然有主次之分,那么此时就可以将较为重要的部分放在其他位置,以此区分、凸显。
  如上图所示:左右两边的界面都大量使用了左对齐,但分别有一个按钮放在了与之相反的方向:右侧。显然,右侧的按钮在界面中更为重要,功能性、交互性都高于下方统一的对齐形式,这种打破常规方式的设计,更易于被用户察觉、点击。
  但需要注意的是,打破常规的对齐形式,需要在对齐很明显的基础上操作,并且尽量控制在2个以内,否则会让用户觉得这并非是故意所为,而是设计失误造成的。以及,为了便于用户操作,应当将最为重要的元素放置在反向的上部。
  对齐背后的功能性
  早期的界面中,当图片和文字同时出现在一起时,大多以左侧图片右侧文字的组合出现,但现在也有许多以右侧图片左侧文字的情况,抛去视觉因素,造成这样的差异又是什么呢?
  如上图所示,两张图的右上部分都有一个功能按钮存在,但左侧界面的下半部分没有另外需要操作的功能按钮;而右侧界面中,图片区域在左侧,文字虽然是左对齐,但在视觉分割上所处位置为右侧,并且旁边含带了几个可以点击操作的文字按钮,这些文字按钮与上方的功能按钮是右对齐的,由于拇指规则的因素,用户操作起来也更为方便、顺畅。
  跟风设计的背后,应当考虑实际操作是否便利,而不是仅仅停留在视觉追求的层面,如果仅仅只是浏览界面,没有过多的功能交互,那么两种形式对用户影响不大。如果是有按钮需要引导用户点击的,就需要考虑其摆放位置是否合理,是否便于操作了。
  总结
  对齐是设计中老生常谈的话题,大家也都很清楚对齐带来的优点,今天分享的是我在界面设计中窥视到的另外一层难以被察觉的3个小点,即:
  除了文字、图片等一些基本成组的元素需要对齐外,在宏观上,布局对齐对整体界面的影响也是尤为重要的,其背后起到暗示用户不同布局的不同含义。
  一昧的在界面中统一对齐也是不可取的,需要将重要的地方凸显出来。
  不盲目跟风设计,对齐除了考虑到视觉,更应该考虑到是否便于用户操作。
  参考资料:《写给大家看的设计书》第六章p79〔对齐〕
  
投诉 评论 转载

iPhoneX:全新的交互革新尽管用滑动手势替换过去的Home键会产生一些困难,但我们终将通过更大的屏幕获得更好的体验。十年前,第一代iPhone横空出世重新定义了手机,到今天它不仅提供了更多的多样性……如何输出一份会表达的交互文档不同的公司会有不同的工作流程,根据项目、流程等实际情况来设计适合自己的交互设计文档。在项目设计中,交互设计师与上游的产品经理,下游的视觉设计师,开发工程师和测试等岗位的工……APP界面:如何打造情感化设计?以ofo小黄车为例本文是ofo小黄车体验设计部在情感化设计方向的思考和尝试,并进行了一次总结,在此分享给大家。enjoy大家好先做一个自我介绍,我叫可风,现在是ofo小黄车体验设计部(OX……对齐在APP中不易被察觉的3点对齐是设计中老生常谈的话题,大家也都很清楚对齐带来的优点。本文作者主要分享其在界面设计中窥视到的另外一层难以被察觉的3个小点,enjoy显然对齐是任何设计中都老生常谈的一……做节日闪屏,你需要知道这些节日闪屏的呈现虽然只有一个画面,但了解设计背后的来龙去脉,才能让设计有根可寻。一。节日闪屏是什么?1。定义节日闪屏属于闪屏的一部分。闪屏出现在APP启动……自嗨设计中存在的危险让人愉快的设计也可能是有风险的,但这并不意味着你应该完全避免它。最困难的部分就是搞清楚什么时候该令人愉快。提起愉快当你想到令人愉快的事情时,你可能会想到那些让你内心感到温……iOS解锁功能的交互设计前段时间在知乎上看到有关于iPhone解锁功能的几个观点,觉得颇有意思,也想说说自己的观点和看法。原观点们如下:1、我观察3岁的小孩用iPhone很容易上手。……Forever21首页分析:从交互和体验上来聊一聊本文作者将从交互和体验上来聊一聊Forever21这个网站的首页,enjoyForever21(以下简称F21)成立于1984年,在全球都有连锁店,在04年的时候销售额就……一种功能模块设计方法榜单页面回顾了一下以前的文章,发现很多都是在讨论某个功能模块的设计方法,包括搜索、passport、应援等,目前按照后续的安排,还会继续输出一些具体功能模块的设计方法,力求更加接地气,……从“免费试用”模块设计,反思UI的设计思路在App大版本的迭代中,免费试用作为小模块,交互逻辑不变,仅做视觉层面的优化。然而在视觉优化过程中,免费试用的体验问题浮出水面,此时对免费试用的设计从表层进入相对深的层面。设计……时下流行的鲜艳配色方案,缺点和优点一样明显对于设计师而言,色彩是伟大的工具。但是和其他的工具一样,它是有优缺点的,明确了它的优缺点才能更好地完成设计工作。配色是每个设计师的必修课。无论是插画师,UI设计师还是网页……她说,最难的是设计的分寸总的来说,设计的分寸真的很重要。做了多年的设计之后,我与刚开始时已经有了很大的不同。正如《我做设计这七年里的心态变化》里描绘的,最开始的兴奋、努力,甚至激进,在经历各种学……
一站式模板建设满足用户浏览习惯企业建立展示型网站,优帮云建站平台教你择选建站外包公司的要求医院网站建设与制作:模板建站可根据医院需求来着手建设寻找建站公司之前,如何做好网站建设沟通交流?【网站建设特点】企业网站建设具备哪些特点?网站建设维护过程遇到域名被泛解析的情况该如何处理?网站建设教程:从建站到seo优化推广全过程优化型网站建设:站点后期seo优化工作如何开展?真实写照优帮云建站公司关于品牌网站建设的经验总结企业建站是要模板建站还是定制开发建站?解析cms系统建站与普通建站之间的区别什么样的模板建站适合做企业官网seo优化?
孩子长得不完美,父母的态度会影响孩子一生我是一片小树叶作文夜读丨正青春,别仿徨大自然的奥秘二年级作文微商怎样赞美你的客户才能百分之百成交双11购物大战背后的心理游戏次第花开无线辐射大吗迈过这道坎银行可以换澳元吗中式装潢设计及风格特点把人造句用把人造句大全

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界