广州ui设计吧 关注:44贴子:78
  • 0回复贴,共1

别样UI设计:浅析iOS界面设计方法

只看楼主收藏回复

  眼看移动互联网之风吹遍祖国大地,各种移动应用接踵而来,作为互联网设计师,若能掌握一些基本设计原则,将会对新平台带来的的挑战轻松应对!今天广州UI设计公司别样设计就以iPhone为起点,让小编来分析一下iOS界面的设计方法:
  广州UI设计公司别样设计表示iphone中的AppStor提供上万种应用下载,每个应用即有一套独立的UI。包括:应用图标、闪屏、功能界面等。
  1、图标设计
  图标通常是传达给用户的第一视觉感受,它可以体现出产品风格 、功能,甚至品质。iphone独特的桌面展示方式,引领了"豆腐块"图标趋势,即在一个圆角方形的区域内创造各种可能。 分析众多优秀应用图标发现,要设计一款精致醒目的图标,大概可以遵循以下几点:
  a、图形元素尽可能不超过2个,并且不可平均分布,突出主视觉b、桌面极少使用浅色,因此配色尽量以明亮浅色为主,以免被背景吸收掉c、为了让图标更加自然融合其中,符合ios平台的透视标准,尽量使用正面垂直角度,光源自上而下。
  输出:iOS会为图标自动生成圆角投影,可直接输PNG:57x57px 114×114 512×512 90度直角(不要使用alpha透明度)2、2、欢迎界面欢迎界面(闪屏)像是应用的一道门,在使用前给用户一个预示,它通常包含图标、版本号、加载进度等信息。设计可以根据产品风格随意发挥,与图标呼应,强化产品的印象。
  3、功能界面
  遵守IOS的交互习惯,功能界面的结构通常自上而下,分别是“导航栏、标签栏、工具栏”;导航栏主要显示“当前状态、返回、编辑、设置”等基本操作。工具栏作为热点触摸区域,用来展示主菜单。形式可以:文字、图标、图标+文字(不可超过5栏)标签栏是主要展示区,也是设计的重点。根据不同功能的界面、常见有以下几种设计方式:
  列表视图——适合目录、导航等多层级的界面。将信息一级级的收起,最大化的展示分类信息。
  分层的界面——利用iPhone本身独有的特性让其固定,或垂直、水平滚动,节省空间。
  拟物化设计——适合实现独立功能的界面设计,界面的细节逼真写实。以现实的元素和操作唤起用户共鸣。


1楼2015-02-10 11:31回复