网站首页
手机版

手机端UI设计的基本知识

更新时间:2022-03-23 17:39:49作者:未知

手机端UI设计的基本知识

  交互时代UI基地凭借设计总部10年大型商业项目的实战经验融于课程之中,为学员提供最先进的互联网设计工作的理念,其实训项目内容涵盖UI设计、交互设计、用户体验等多个领域,手机端的UI设计基础知识就是其中一部分内容,今天与大家分享一下有关手机UI设计的知识。
  

  什么是手机端UI设计?简单来说手机端UI设计就是手持设备的图形用户界面设计,狭义上来看是手机和PPC,广义上可以推广至手机,移动电视,车载系统,手持游戏机,MP3,GPS等一切手持移动设备的界面UI设计。
  
  MOBILE 界面UI设计基于对手持设备产品的使用特性的理解,对用户的研究和对界面使用情景的深入研究。界面UI设计分为平台内置和主题设计部分,前者需要专业的DESIGN HOUSE根据厂家的实际产品进行界面UI设计分析后进行整体设计,后者则可以经由任何用户进行自主设计,当然后者的设计限制和平台限制都比较大。目前索爱和三星以及NOKIA的S60平台支持用户的THEME自定义设计。
  
  界面UI设计研究的流程为: 产品特性 -- 用户心理 -- 市场背景 -- 图形设计策略 -- 设计检验 -- 实际设计投放
  
  UI设计的基本要素
  
  手机界面层级: idle(待机界面) -- mainmenu(主菜单) -- submenu(二级菜单) -- third level menu(三级菜单) 界面除了包括图标和文字外,比较重要的还有function animation(呼叫,发送信息等) 以及 function interface(计算器,日历界面等)
  
  明确意义的界面UI设计图标,风格鲜明的版面设计是手机界面UI设计的重要工作,目前较为流行的是以MOTOROLA,NOKIA等为代表的欧洲简单风格,以及韩国的时尚绚丽的风格。
  
  在更新颖的交互操作和与手机ID设计的整体结合上,韩系手机作的比较好,而在可用性和体验难度上,欧系手机则比较优秀。
  
  手机端UI设计的注意事项
  
  界面UI设计的尺寸问题: 128X160, 176X220, 240X320 象素尺寸是目前较常见的手机屏幕尺寸,在进行界面UI设计时可以根据实际产品要求进行设计,更大的屏幕可以有更多的交互表现和视觉元素的支持,较为自由。
  
  色彩问题: 由于手机LCD本身的限制,在色彩的还原程度上没有PC如此完善,因此进行界面UI设计的时候,选用色彩时要根据使用的屏幕进行调节。
  
  可实现性问题: 受到硬件运算速度和内存的影响,以及不可预计的后台程序开发难度,过于复杂的界面UI设计将很难进行实现,与程序工程师和UI工程师,硬件工程师的沟通显得尤为重要。
  
  手机端UI设计的一些建议
  
  工具: 常用的PHOTOSHOP,AI和一些3D软件是界面UI设计的常用工具,在最终输入时会需要一些模拟程序以及平台程序的支持,不过在界面UI设计阶段可以暂不考虑。
  
  尺寸: 建议选择240X320大小的屏幕尺寸进行界面UI设计,自由度和发挥空间会大一点
  
  概念:界面UI设计的概念是设计中尤其重要的部分,敢于尝试新颖的交互模型和界面UI设计元素是设计的重要工作。

本文标签: 基本知识  百科  标签  简介  

为您推荐

word如何进行全文分栏和某段落分栏 word如何进行全文分栏和某段落分栏的区别

word如何进行全文分栏和某段落分栏 在Word2003中,我们可以对一篇文章进行分栏设置,分两栏,分三栏都可以自己设置.像我们平常看到的报纸.公告.卡片.海报

2024-09-12 00:09

word2010大纲怎么显示(word文档显示大纲从哪里按出来)

word2010大纲怎么显示(word2010如何使用大纲视图) 有些时候我们在网上下载的一些word文档太长了,我们其实可以显示大纲,看清楚每一节是否有自己需

2024-09-12 00:08

七种常见的Word打印设置技巧 七种常见的word打印设置技巧视频

七种常见的Word打印设置技巧 七种常见的Word打印设置技巧 1.打印指定页码 有些时候,我们只希望打印文档中的某些页码,只要点击菜单命令"文件→打印",在打

2024-09-12 00:08

四种方框内打钩符号的简易方法 四种方框内打钩符号的简易方法是什么

四种方框内打钩符号的简易方法 如何在Word方框里打钩? 四种方框内打钩符号的简易方法   如何在Word方框里打钩? 一.在方框里打钩的方法一 利用带圈数字来

2024-09-12 00:08

Word文档中对表格中数据进行计算的方法

Word文档中对表格中数据进行计算的方法 Word文档中对表格中数据进行计算的方法 1.在表格的最后一个单元格中单击放置插入点光标,然后在"表格工具-布局"选项

2024-09-12 00:07

怎么关闭Word文档中自动添加项目编号(怎么关闭word文档中自动添加项目编号显示)

怎么关闭Word文档中自动添加项目编号 怎么关闭Word文档中自动添加项目编号 1.启动Word 2013,打开"Word选项"对话框,在左侧选择"校对"选项,

2024-09-12 00:07