loading请求处理中...

APP界面设计技巧,国外APP界面设计欣赏!

2021-12-31 10:50:06 阅读 11020次 标签: 设计 作者: yipinweike01

  导语:UI设计中APP界面设计是首当其冲的第一视觉冲击。APP界面设计不单纯是技术设计,也不再是单纯的进行视觉图像的艺术组合,它涉及到用户研究、视觉设计、交互设计、技术开发。今天我们就来说说:APP界面设计规则!APP界面设计技巧,国外APP界面设计欣赏!

APP界面设计技巧,国外APP界面设计欣赏!

  APP界面设计规则!

  图标是传达是最直观的视觉感受,它可以体现产品的风格、功能、品质。由于APP界面受屏幕尺寸的局限性。

  在图形的选择上,首先是符合APP主题的图形,结合产品自身个性选择设计,保证图形传播的真实性;其次选择清晰度较高的图形,图形是具体的、直观的、形象的,让使用者在短时间获取更多的信息。

  专业的UI设计的图标,可以到模库、优图、搜图114这里的素材图库进行参考。

  设计图标应使用矢量图形,矢量图形可以随便时进行尺寸调整,放大后不会失真,保证画面的清晰度。

  文字的设计上,首先是字号、字体有效的区分出信息的等级区别;间隙和距离的合理比例,和适当的留白都可以增加信息的易读性。

  页面布局是对页面的文字、图形或表格进行合理的排布与设计。有效的传达,让信息传递效率最大化。

  Logo放置要相同,信息按主次先后有序排列,重要信息放置主页及界面中等偏上的位置,遵循人们从上到下,从左到右的阅读习惯。

  导航尽量采用底部导航或一侧导航有利于用户引导和了解页面布局,不占左右空间。

  APP界面设计技巧

  明确表达图标的含义

  去掉图标文案之后界面会显得更“逼格”,可是你确定用户能看懂图标表达的含义吗?我们在进行界面设计时,图标是为了辅助说明文案所传达的信息,如果去掉文案信息,那么需要图标本身带有很强的信息传达能力,确保用户能正确的识别。

  正确的表达按钮属性

  按钮的设计必须要清晰准确的传达出当前状态,不能为了视觉效果而带给用户错误的判断,例如深灰色的按钮用户会理解为是禁用状态而放弃点击。

  通过按钮的颜色、大小、风格等来引导用户进行操作,需要强化的就要做得突出,不要整个界面都处于主次不明的状态,分散用户的注意力,削弱了界面需要传达的主旨。

  正确处理文字排版的层级关系

  工作中我们拿到的需求总会出现大篇幅的文案,不能像概念设计那样任性的删减,在进行文字排版的时候,正确的处理信息之间的层级关系将会提高用户对信息的识别度。我们通常会通过字体大小、颜色、留白、层级分割等技巧来处理,把相同属性的信息归类设计,通过留白的不同达到层级的区分,让整个信息排列主次分明,层级清晰。

  线条与色块分割的合理运用

  线条通常用于分割同一类别或拥有相同属性的元素;而色块更多的是用于分割不同类别或者区分不同属性的元 素,以达到层次清晰,归类明确的目的。我们在选择分割形式的时候要根据信息之间的关系作出明确的表达,不可为了视觉效果而盲目的穿插运用。

  要提前预估信息呈现的最大值

  在进行界面布局时,明确信息呈现的最大值,而不是取最小值进行设计。过于理想的长度范围也许界面样式更美观,可是落地之后就会给用户带来非常糟糕的体验。

  运用提示符提高用户的阅读效率

  在大篇幅的文字信息布局中,合理的运用提示符会提高用户对信息的理解和快速找到需要的信息。提示符可以是数字、字母、图形、色块等等,只要能有效的区分信息层级即可。

  布局层次分明,重点突出

  好的界面布局是为了更好的引导用户阅读和操作,界面布局要有层次和重点,而非简单的将信息进行罗列。通过卡片模块的区分和大小的变化可以很好的进行视觉引导,大大提高用户对界面的理解,从而提高用户的操作效率。

  信息布局符合阅读习惯

  从左到右,从上到下的进行阅读是我们已有的习惯,如果你要打破这个习惯进行视觉表现,会承受挑战用户体验的强大压力。

  国外APP界面设计欣赏!

APP界面设计技巧,国外APP界面设计欣赏!

设计公司推荐

成为一品威客服务商,百万订单等您来有奖注册中

留言( 展开评论

快速发任务

价格是多少?怎样找到合适的人才?

官方顾问免费为您解答

 
相关任务
DESIGN TASK 更多
为APP设计一款logo

¥1200 已有192人投标

LED商标设计

¥100 已有1人投标

JHM 图形LOGO设计

¥500 已有20人投标

商标创意设计

¥3000 已有8人投标

淘宝首页设计

¥100 已有2人投标

菲林排版设计

¥300 已有0人投标

台球馆服装设计

¥300 已有3人投标