• 移动APP设计


    一、设计流程

      产品经理:需求,上传下达

      用研部:软件的用户体验、人群分类、市场调研、同类竞争

      交互设计部:画交互原型图

        ①预留位置,引领设计师进行设计

        ②注清页面的层级与连接关系

        ③展示页面的基本样貌,以供审核及修改

      视觉组:平面、网页、界面、视频

      前端工程师

      后台工程师

      app:适应点与盈利点

    二、图标设计

      1、图标分类

        剪影图标(单行图标):只有形状

        扁平化图标:形状和颜色

        拟物化图标:形状、颜色和质感

        2D、3D图标:

          2D:扁平化但是没有投影

          3D:相对于拟物化图标有更加真实的细节,更加精致的质感

      2、设计流程

        图形搭建:比例

        颜色填充:同一色系

        材质添加

      3、图层样式:投影

        样式添加:

          单面有效果:影

          双面有效果:斜面和浮雕

          四周有效果:光

        浮嵌效果:

          内嵌:内阴影+投影  上暗下亮

          外浮:内阴影+投影  上亮下暗

      4、图标统一性问题

        造型:规则形状、不规则形状

        风格:剪影、扁平化、拟物化

        颜色:

          自然颜色:事物本来的颜色

          情感色:自然中无法用符号代替的有个人情感的(受众、企业文化、个人理解)

        样式:全局光,一般为90°;个别光

    三、界面设计

      1、界面设计方法

        ①如果顶部条有质感:顶部和底部相同;如果顶部条为白色:底部条为白色/灰色,图标为线性图标,点击高亮后为色块图标;如果顶部条不是白色,则底部条为白色/浅灰色

        ②字体

        ③内部的图片展示(参考值)

          1:2  一般首页通栏

          4:3  正文的图片展示

          斐波拉契:1:1:2:3:5:8:13:......≈0.618  (黄金分割比)

          16:9 / 16:10  人体视觉比例

      2、板式

        空间要透气、元件之间距离要统一、布局要统一

      3、界面设计流行

        SCS:唯一色调  simple color schemes

        CS:卡片式  cards(瀑布流)

        CF:内容唯一  content first

        CD:圆形设计  circle design

      4、交互形式

        ①列表式结构  底部条菜单

        ②侧滑分栏  个性APP(简单)

        ③瀑布流  内容单一,信息量大

        ④旋转木马  内容较少,设计感强

        ⑤九宫格  内容区分明显

      5、颜色搭配

        底色:70~80%

        主色:15~20%

        强调色:5%

        辅助色:5%

    四、APP分析

      新闻APP:

        看新闻

        看视频

        看图片

        个人功能:分享、评论、收藏、订阅、天气、空气质量

        软件功能:黑夜模式、字体大小、离线下载、清除缓存

      社交APP:

        loading页:logo(反映软件的定位)

        颜色:蓝色

        软件的功能(适应性、盈利性):

          适应性:

            社交(聊天)、交友:加为好友、删除功能、聊天/历史记录、个人设置

            加为好友:账号查找、附近的人(开定位)、高级搜索、扫二维码、摇一摇、通讯录

            删除功能:删除痕迹、黑名单

            聊天/历史记录:查找历史记录、删除记录

            个人设置:头像、个签、相册、姓名、性别、爱好(筛选机制)

          盈利性:

            针对软件的功能定位

            虚拟的阶段:互赠虚拟礼物、排行榜、虚拟商城、互动游戏(对比性,软件粘性、增加互动、盈利的延展)

            实体阶段:形象的包装、形象的推荐

  • 相关阅读:
    #Markdown 如何绘制 mermaid 复杂 graph
    Solon 1.7.6 发布,轻量级的应用开发框架
    发现一个很好的 Solon 框架试手的教学视频(Solon,轻量级应用开发框架)
    Solon 1.8.0 发布,云原生微服务开发框架
    [源码解析] TensorFlow 分布式之 ParameterServerStrategy V2
    [源码解析] TensorFlow 分布式之 ClusterCoordinator
    服务治理:常用限流算法总结
    服务治理:几种开源限流算法库/应用软件介绍和使用
    碎碎念软件研发02:敏捷之Scrum
    碎碎念软件研发01:敏捷简史和几种软件开发模型
  • 原文地址:https://www.cnblogs.com/zhouwanqiu/p/8919166.html
Copyright © 2020-2023  润新知