彩屏智能手机软件ui界面设计教程

    科技不断的发展，电脑的使用也不断在每个家庭中普及，人类社会已逐步向非物质社会迈进，各种各样的软件产品层出不穷，互联网信息产业已经走入我们的生活，改变着人们的生活方式。我们做软件UI设计的目的是去给用户的工作积极的支持而不是相反把无意义的东西强加于人。界面在用户和他们要完成的任务之间应该是透明的，而且是高效、舒适、让人心情愉悦的。下面一品威客网就为您提供一些软件ui界面设计教程，希望对您有所帮助。

    一、界面设计的原则
    手机软件界面是置身于手机操作系统中的人机交互的窗口，设计界面必须基于手机的物理特性和软件的应用特性进行合理的设计，界面设计师首先应对手机的系统性能有所了解，例如：手机所支持的最多色彩数量、手机所支持的图像格式，其次应该对软件的功能详细了解熟悉每个模块的应用模式。从而做到最大限度的利用现有资源进行用户界面的开发。
    二、视觉效果
    彩屏手机界面设计的视觉效果，应该遵循给用户舒适、生机与活力的原则，通过视觉感官的刺激，增加用户的亲和力，适应不同用户的不同心理特征。

    1)简约明快型（适合色彩支持数量较少的彩屏手机）
    基于大块颜色和线条组合的构成方式，不乏大气、简约且精到、精彩。点线面基本元素的形状构成结合色彩的纯净搭配，干净利落，给用户的操作带来轻松的感受。
    在设计的过程中基于上述风格设计的思路，在视觉效果的设计上需要参考如下方法：
    a、结合界面图形设计的隐喻性，图标图形尽量使用简洁的平面图形，尽量使用像素化的表现形式。
    b、展现图形界面的精到之处，合理的使用线条和色彩渐变,以确保细节的完美体现。
    c、把握界面整体色调的同时注意在图标和线条的色彩配置上下功夫，以活跃整个画面，避免整个界面色彩单一，黯淡无光。

    2) 趣味与独创型 
     手机软件UI设计中的趣味性，主要是指形式的情趣。这是一种活泼性的版面视觉语言。如果版面本无多少精彩的内容，就要靠制造趣味取胜，这也是在构思中调动了艺术手段所起的作用。版面充满趣味性，使传媒信息如虎添翼，起到了画龙点睛的传神功力，从而更吸引人，打动人。在手机界面设计中，可以考虑使用个性的图标或者有趣味性的版面造型等手法去表现界面的趣味性。独创性原则实质上是突出个性化特征的原则。鲜明的个性，是排版设计的创意灵魂。试想，一个版面多是单一化与概念化的大同小异，人云亦云，可想而知，它的记忆度有多少？更谈不上出奇制胜。因此，要敢于思考，敢于别出心裁，敢于独树一帜，在排版设计中多一点个性而少一些共性，多一点独创性而少一点一般性，才能羸得消费者的青睐。

    3) 高贵华丽型（适合支持色彩数量较多的彩屏手机，最好支持带8位Alpha通道的png透明图）
    基于饱和的色彩和华丽的质感，塑造超酷、超眩的视觉感受，利用羽化了的像素对图形图像进行仿真设计，不仅塑造界面色彩、形状，还进一步在元素的质感和体积感上下功夫。给用户一种高贵华丽的视觉享受。
    在设计的过程中基于上述风格设计的思路，在视觉效果的设计上需要参考如下方法：
    a、塑造界面的体积感和质感，根据需要表现透明、半透明、粗燥、光滑等不同的视觉效果。
    b、图标的制作中尽量避免生硬的边缘轮廓，提倡渐变、羽化加强图形的仿真性能，使设计更加趋于人性化。
    c、考虑界面的整体色调，最好使用邻近色或同类色进行色彩构成，采用色彩的弱对比，因为界面图形本身就结合了体积感和质感的塑造，如果整体色调对比太强，很容易给用户造成眼睛疲劳。

    三、定制界面版式
    1)界面构成的基本单位
    软件界面设计的构成在其界面所辖范围往往会被分为几个标准的信息区域：
    标题区、主信息操作区、公共导航区、 
    标题区：主要是软件LOGO、软件版本、以及相关图文信息。
    功能操作区：它是软件的核心部分，也是版面上面积最宽的部分。
    公共导航区：它是对软件操作进行宏观操控的区域，随时可见，在这里它可以保存当前操作结    果、切换当前操作模块、退出软件系统，实现对软件的灵活操控。
    界面版式的设定，在很大程度上需要借鉴相关手机系统界面的版式，以确保样式的相对统一，利于系统与软件的整合。当然也要考虑软件本身的应用特性，结合操作的可用性和可实施性，对版式进行合理的调整，使呈现信息的区域与区域之间协调统一，主次得当。确保用户可以方便快捷地进行功能操作。

    2)界面元素的分解与组合
    界面的版式构成依赖于界面的点线面的构成，手机软件由于自身运行环境小，那就决定了必须控制自身的大小。因此我们的软件UI设计图形必须根据需要进行切分，能够用程序实现的效果尽量用程序实现，如单色的线和面。复杂的图标就保留用图片方式来呈现，因此我们在界面版式的设计稿完成后，必须和程序员进行密切的沟通，对需要分解的图形元素进行分解后优化，然后交付程序员进行版式的第二次组合。
    严格来说我们需要提交几个部分的东西：
    1、界面三个信息区的图形切片(标题区：Title01、Title02、…主信息操作区:其命名可根据不同栏目主信息区为标准，如：电子地图主信息操作区，map_main01、map_main02…公共导航区：mapbar01、mapbar02…)744741741742、提供相关bgcolor的16进制色值及配色方案。
    3、提供数据准确的界面版式分割图及关键切片的坐标位置图示（根据程序员提供的坐标定位规则来确定图形切片的位置）

    总之，未来的人机界面设计对研究和设计者者提出了多方面的挑战。许多信息技术领域的公司企业，这些年纷纷对与用户界面开发有关的专业人员提出要求，很多大学适应这种要求，设立了相关的课题甚至专业。