分享下手机软件界面设计浅析

  随着科技的不断发展,手机的功能俞之强大,基于手机系统的相关软件应运而生,手机设计的人性化已不仅仅局限于手机硬件的外观,手机的软件系统已成为用户直接操作和应用的主体,它应以美观实用、操作便捷为用户所青睐。用户界面设计的规范性显得尤为重要。

一、界面效果的整体性、一致性

  手机软件运行于手机操作系统的软件环境,界面的设计应该是基于这个应用平台的整体风格,这样有利于产品外观的整合。

1、界面的色彩及风格与系统界面统一

  软件界面的总体色彩应该接近和类似系统界面的总体色调,例如:系统色调以蓝色为主,我们的软件界面的默认色彩最好与之吻合,若使用与之大相径庭的色彩,比如大红、柠檬黄,色彩的强烈变化会影响用户的使用情绪,假想你买了一款从外观到系统界面都很满意的手机,操作的时候突然发现内置的应用软件和系统界面不统一,你会有何感想呢?第一感觉不好的东西我们的用户还会去用它吗?所以我们要知道手机的外观和系统界面已经是由手机制造商根据用户审美习惯定制的,它应该有他们的审美群体,我们要给这款手机做软件就应该有效地利用制造商基于此款手机的审美特征,以赢得喜爱此款手机的用户,使他们对系统界面的肯定和喜爱有效的转移到我们的产品上来。当然合理地结合系统界面进行设计还包括图标、按钮的风格及在不同操作状态下的视觉效果。

2、操作流程的系统化

  手机用户的操作习惯是基于系统的,我们的界面设计在操作流程的安排上,也得遵循系统的规范性,让用户达到可以使用手机就会使用我们的软件,简化用户操作流程!

二、界面效果的个性化

  是不是我们追求整体性和一致性,就忽略软件界面的个性化呢?整体性和一致性是基于手机系统视觉效果的和谐统一而考虑,个性化是基于软件本身的特征和用途而考虑。因此这一点也是不容忽视的!

1、特有的界面构架

  软件的实用性是软件应用的根本,我们设计应该结合软件的应用范畴,合理的安排版式,以求达到美观适用的目的,这一点不一定能与系统达到一致的标准,它应该具有它所具有的行业标准,例如:证券交易、地图操作等界面特征,需要分析软件应用的特征和流程制定相对规范性的界面构架。界面构架的功能操作区、内容显示区、导航控制区都应该统一规范,不同功能模块的相同操作区域的元素风格应该一致,让用户能够对不同的模块的操作迅速掌握。从而也使整个界面统一在一个特有的整体之中。

2、专用的界面图标

  软件的图标按钮是基于自身应用的命令集,它的每一个图形内容映射的是一个目标动作,因此作为体现目标动作的图标,它应该有强烈的表意性,制作过程中选择具有典型行业特征的图符,有助于用户的识别,方便操作。图标的图形制作不能太繁琐,要适应手机本身显示面积很小的屏幕,在制作上尽量使用像素图,确保图形质量清晰,如果针对立体化的界面,可考虑部分像素羽化的效果,以增强图标的层次感。

3、界面色彩的个性化设置

  色彩影响一个人的情绪,不同的色彩会让人产生不同的心理效应,反之不同的心理状态所能接受的色彩也是不同的,不断变化的事物才能引起人的注意,界面设计的色彩个性化,目的就是用色彩的变换来协调用户的心理,让用户对软件产品时常保持一种新鲜度,它是通过用户根据自己的需要来改变默认的系统设置,选择一种自己满意的个性化设置,达到软件产品与用户之间的协调性。在众多的软件产品中都涉及到了界面的换肤技术,在手机的软件界面设计过程中,应用这一个性设置可以更大的提升软件的魅力,满足用户的多方面需要!在具体操作实现的过程中,色彩的搭配显得尤为重要,要考虑图标色彩与换肤色彩的色彩反差和效果的统一,以不至于造成花、乱的界面效果。

三、界面视觉元素的规范

1、图形图像元素的质量

  尽量使用较少的色深表现色彩丰富的图形图像,既确保数据量小又确保图形图像的效果完好,使图形图像在软件系统中所占数据量尽量减小,提高程序的工作效率。

2、线条色块与图形图像的结合

  界面上的线条和色块后期都会用程序来实现,这就需要考虑程序部分和图像部分的结合,需要自然的结合才能协调界面效果的整体感,所以需要需要程序员与界面设计人员的密切沟通,达成一致。

  以上是我的一点小小总结,望各位同仁多多指点!

(0)

相关推荐

  • 分享下手机软件界面设计浅析

    随着科技的不断发展,手机的功能俞之强大,基于手机系统的相关软件应运而生,手机设计的人性化已不仅仅局限于手机硬件的外观,手机的软件系统已成为用户直接操作和应用的主体,它应以美观实用.操作便捷为用户所青睐.用户界面设计的规范性显得尤为重要. 一.界面效果的整体性.一致性 手机软件运行于手机操作系统的软件环境,界面的设计应该是基于这个应用平台的整体风格,这样有利于产品外观的整合. 1.界面的色彩及风格与系统界面统一 软件界面的总体色彩应该接近和类似系统界面的总体色调,例如:系统色调以蓝色为主,我们的软

  • 用易语言设置简单的软件界面步骤

    人们在使用一个软件时,不但要求功能强大,同时也对软件的界面美观有很高的要求,漂亮大气上档次的界面常常会让人赏心悦目,提高人们使用的积极性. 1.首先确定你编写软件窗口需要采用无边框样式,这样在制作美工界面时就可以制作自己的界面舍弃系统界面. 2.在编写软件时候需要采用图像按钮,同时制作窗口的最大化最小化和关闭按钮 3.利用photoshop设计软件界面,设计软解界面不要都在同一个图层上设计,分开来设计,要有层次感, 4.在设计时候有时候需要用到别处的颜色,可以使用颜色拾起器取得颜色的代码 5.最

  • c# WPF设置软件界面背景为MediaElement并播放视频

    在我们的常见的软件界面设计中我们经常会设置软件的背景为SolidColorBrush或者LinerColorBrush.RadialGradientBrush 等一系列的颜色画刷为背景,有时我们也会使用ImageBrush添加图片来作为界面的背景,另外常用的还有DrawingBrush以及今天需要进行总结的VisualBrush,这些我们都是比较容易实现的,那么我们如果想将软件的界面设计成一个动画或者干脆播放一段视频作为背景,这个对于整个软件的效果又是一个巨大的提升. 首先我们来看看backgr

  • jQuery手机拨号界面特效代码分享

    本文实例讲述了jQuery手机拨号界面特效.分享给大家供大家参考.具体如下: 这是一款基于jQuery实现的手机拨号界面特效源码,是一款个性的phone网页版手机拨号界面样式代码.点击界面上数字按键可实时显示手机拨号效果,点击底部拨号键可模拟拨号通话的效果. 运行效果图:                         -------------------查看效果 下载源码------------------- 小提示:浏览器中如果不能正常运行,可以尝试切换浏览模式. 为大家分享的jQuery

  • 使用BootStrap和Metroui设计的metro风格微网站或手机app界面

    今天使用bootstrap和metroui设计了一个metro风格的移动app或者微信微网站的界面 程序的源代码可以从此处获得:https://github.com/mz121star/weixin-metro 有喜欢的朋友可以拿去修改一下. <!DOCTYPE html> <!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--> <!--[if

  • 易语言基础教程之软件界面介绍

    易语言之所以称为全可视化编程语言,就是因为它的开发界面和DOS界面下的一般编程界面相比,是图形化的:它所制作的应用程序图形,就是日后运行时看到的程序界面.整个编程过程都是可视的,可以称之为"所见即所得". 下面,我们就启动易语言的软件界面,给大家介绍熟悉易语言软件界面 熟悉易语言软件界面 选择"程序",点击"新建"按钮,选择第一个,如下图所示,再单击"确定",将自动建立一个新程序,该程序可在保存时命名. 程序窗口由上往下依次是

  • winform异型不规则界面设计的实现方法

    本文实例讲述了winform异型不规则界面设计的实现方法,用于界面设计时有不错的用户体验,非常实用.分享给大家供大家参考之用.具体方法如下: 一.不规则WINFORM窗体 Author:unknown From:Internet 在以前版本的Visual Basic或Visual C++中,创建不规则窗体和控件是一件很复杂的事,不仅需要调用大量API函数而且工作量也不小.不过,现在在Visual C#下,情况就完全不同了.运用Windows Forms你就可以很轻易地创建出一个不规则的窗体以及窗

  • JS+CSS实现仿触屏手机拨号盘界面及功能模拟完整实例

    本文实例讲述了JS+CSS实现仿触屏手机拨号盘界面及功能模拟的方法.分享给大家供大家参考.具体如下: 首先来看一下运行效果图: 具体实现代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w

  • Java图形化界面设计之容器(JFrame)详解

    Java图形化界面设计--容器(JFrame) 程序是为了方便用户使用的,因此实现图形化界面的程序编写是所有编程语言发展的必然趋势,在命令提示符下运行的程序可以让我们了解java程序的基本知识体系结构,现在就进入java图形化界面编程. 一.Java基本类(JFC) Java基本类("JavaFoundationClasses",JFC),由一些软件包组成.这些软件包主要包括下面一些应用程序接口(API): ·抽象窗口工具集(AWT)(1.1及以上版本). ·Swing构件. ·Jav

  • Android界面设计(APP设计趋势 左侧隐藏菜单右边显示content)

    相关文章android popwindow实现左侧弹出菜单层http://www.jb51.net/article/33533.htm 移动App设计的13大精髓http://www.jb51.net/article/33534.htm 这文章讲述了2013年未来的移动APP设计趋势,感觉挺有道理的.wp8的平面界面设计已经取得很大的成功,很多应用也都是采取相同的设计如zaker,还有类似本文要展示的左侧导航菜单右边显示主要内容的设计,通过menu菜单或者左右拖动可以弹出左侧导航菜单,国内的应用

随机推荐