网站首页 > 界面表现> 文章内容

APP界面设计规则!

※发布时间:2020-2-22 7:28:08   ※发布作者:habao   ※出自何处: 

  文/周鑫 APP界面设计不单纯是技术设计,也不再是单纯的进行视觉图像的艺术组合,它涉及到用户研究、视觉设计、交互设计、技术开发。

  ①图标是传达给用户的首个直观视觉感 受,它可以体现产品的风格、功能、品质。 由于APP界面受屏幕尺寸的局限性,在图形的选择上,首先是符合APP主题的图形,结合产品自身个性选择设计,图形的真实性; 其次选择清晰度较高的图形,图形是 具体的、直观的、形象的,让使用者在短时间获取更多的信息。

  图标通常是有效直接的表现方式, 在APP界面设计中每一个图标都具体功能性,用以表达某一操作或功能的示意的图形,原则尽可能形象化、简洁性、识别性、隐喻性以准确表达其代表的功能。

  在设计图标应使用矢量图形,矢量图形可以随便时进行尺寸调整,放大后不会失真,画面的清晰度。 推荐: UI图标设计基础(视频教程)

  ②文字的设计上,首先是字号、字体 有效的区分出信息的重要级别; 其次是行宽 与行高的比例,遵循从左到右的原则,左对齐、居中对齐、两端对齐、减少不必要的文字对比反差,调整合理的字间距; 最后是留 白,适当的留白增加信息的易读性。

  页面布局是对页面的文字、图形或表格 进行合理的排布与设计。 信息是否能有效的 传达,离不开良好的页面组织及布局,在对页面布局时我们需要考虑用户需求与用户行为,明确信息的层级关系,让信息传递效率最大化。

  ①Logo放置每页相同,数据内容按主次先后有序排列,重要信息放置主页及界面中等偏上的,遵循人们从上到下,从左到右的阅读习惯,主页长度适度,其他页面也不宜过长,页面尽量采用分页。

  ②明确每个页面需突出的重要信息,可以通过色彩颜色、图形、文字大小、间距、留白等进行带土字旁的男孩名字对比区别,拉开层次,突出显示重要信息。

  ③尽量采用底部或一侧有利于用户引导和了解页面布局,不占左右空间。 设计师在对APP布局前,对应用的功能需求有清晰的把握,在每一级别的页面,应该清楚知道整个应用的界面跳转和层级关系,明确每个页面的凸现信息。

  APP的交互设计,在设计操作 界面时需按照人们使用手机的习惯进行设计,让用户在与APP交互过程中,体验到产品的可靠性、易用性及趣味性。

  ②易用性指的操作简单化,让不同年龄段的用户都能快速上手,简单化清晰化的操作,可增加用户对产品的操作信心减少产品的使用差错率。

  ③可靠性和易用性是基础,趣味性就是核心,趣味性在用户使用APP操作中增加了人文关怀和情感注入,同时趣味性的元素的使用,让界面“活”起来。

  色彩在界面设计中扮演者重要的角色,一 个好的手机APP设计作品,颜色搭配占到70%左右,其他的30%左右分给了排版文字设计、图形处理等,合理的色彩应用可以增加界面的条,起到强调作用,能帮助操作者快捷的发现界面的重点信息,取得较好的视觉效果。

  不同用户对每一种颜色都有不一样的视觉感受,APP界面颜色运用从类别分为主色、辅助色、点睛色。 主色决定着画面风 格趋向的颜色,通常应用于栏,与品牌颜色相统一的主色调; 辅助色,使画面更加完美、丰富,对主色起到修饰作用; 点晴色用在 标题文本、按钮、icon等地方,起强调和引导阅读的功能,同时凸显独特画面风格。

  主色选 择上,可使用鲜亮饱和度较高的颜色,在页面中比例占据较多。 辅助色选择上,根据主色基调,选择主色同类色、邻近色、对比色及互补色作为辅助色。 点睛色一般使用饱和度和明度较高的颜色,点睛色一般与主色相反,主色明度高,点缀色一般用深颜色或饱和度高的颜色,反正明度低,点睛色饱和度明度高的颜色。

  APP的自身的实用性是根本,艺术性及舒适的操作性是点睛,只有让APP的功能美与形式美做到真正的统一,这个APP才具备能力。 推荐阅读: 界面设计的简与繁!

  

相关阅读
  • 没有资料
重庆学习网zslpsh,0755深圳房产人才招聘网,拾年网90后,anedc股票,最新电影下载淘娱淘乐,重庆中学生网高考,重庆中学生网高考,学习重庆方言网,重庆中学生学习方法,重庆俗语网,中学生网zslpsh,0755深圳交友网,重庆初中生,贵州重庆方言网,025新闻网,西南重庆方言歌曲,025南京交友网,重庆农家乐美女,观赏蟹种类zadull,云南重庆方言网,重庆中学学习网,028成都交友网,推广taoyutaol,西南四川方言网,观赏龟论坛zadull,四川重庆方言网,022天津交友网,重庆中学生网家长,鹦鹉鱼zadull,重庆俗语,电影淘娱淘乐,taoyutaole娱乐,华夏视讯网,0755深圳旅游招聘,昆明重庆方言网,淘娱淘乐影视,www.00game.net,观赏鱼zadul,重庆高考zslpsh,重庆中学生网高考,027房产招聘网,坝坝舞wagcw,西南重庆方言网,贵州重庆方言网,重庆言子儿网,热带鱼zadull,重庆高考zslpsh,0755深圳旅游招聘网,淘娱淘乐影视网,0571.361.cm,重庆方言学习网,028成都新闻,异形观赏鱼种类,影视网淘娱淘乐,最新电影下载淘娱淘乐,0773桂林论坛,拾年网80后动画片,观赏蟹论坛zadull,观赏龟繁殖教程,重庆一中zslpsh,重庆俗语网,广场舞wagcw,观赏虾的种类zadull,观赏鱼观赏虾观赏龟,西南方言网,观赏鱼之家论坛zadull,战争前线辅助00game,西南重庆方言小说,重庆中小学zslpsh,推广taoyutaol,战争前线论坛00game,0871交友网,025南京新闻网,重庆言子儿网站,娱乐taoyutaole,022天津交友网,025新闻网,重庆中学生网学习,022天津交友网,重庆方言歌网,www.120.cm健康网,anedc股票,重庆初中生