# Midterm - Visual interface design **Repository Path**: NFUNM049/Midterm---Visual-interface-design ## Basic Information - **Project Name**: Midterm - Visual interface design - **Description**: 视觉界面设计 小组 期中作业 - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2020-05-04 - **Last Updated**: 2020-12-19 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README #### 视觉界面设计 小组 期中作业 #### 小组成员 郑晓萍 彭海晴 林晓君 ## 视觉界面设计 *** ### 一、 竞品分析——站酷APP #### 1.1 架构层 * 主导航的信息架构简要列明： ![1](img/1.png) ##### 总结：站酷的主导航栏主要有首页、发现、创作、消息和我的。总体而言是比较清晰可见的。 * 细分页面的结构框架： * 因为站酷的框架图太大，放在一张框架图里面看不清楚，所以又将每个页面当初拆出来。 * 第一张是整体框架图；第二张是站酷首页框架图；第三章是站酷发现页面框架图；最后一张是剩余页面框架图。 ![2](img/2.png) ![3](img/3.png) ![4](img/4.png) ![5](img/5.png) ##### 该软件的子功能内容非常多，而且所有的东西都非常齐全。能仔细的考虑到用户的很多情况。 #### 1.2 交互路径分析 站酷交互路径分析： - **搜索** ![搜索](img/交互路径分析-搜索.png) - 因为图太大了，下面会分开截图让大家可以更清楚的看到。 ![上部分](img/站酷-上部分.png) ![中部分](img/站酷-中部分.png) ![下部分](img/站酷-下部分.png) #### 搜索路径分析总结 - 站酷的精准搜索（搜索细分）和放置活动广告位值得我们去参考。 - 搜索细分的亮点在于它在搜索时进行细分，细分模块分为了“综合、作品、文章、设计师”这四个模块。用户可根据自身需求进行精准搜索。 - 站酷的广告活动位放置在内容页面中间，可以让用户更容易注意到。 - **发表作品** ![发表作品-全图](img/发表作品-全图.png) - 分开截图。 ![发表作品-上部分](img/发表作品-上部分.png) ![发表作品-下部分](img/发表作品-下部分.png) #### 发表作品路径分析总结 - 站酷发表作品中，选择分类部分值得我们去参考。 - 站酷作品分类详细，让用户在发表作品时，能够更好的定位作品，而且用户在搜索查看作品时也不用查找太久。 #### 1.3 视觉层面分析 ![站酷](https://images.gitee.com/uploads/images/2020/0504/193254_8c9458c7_1648204.jpeg "站酷视觉规范4-01.jpg") ### 二、 未来设计师 #### 1.1 架构层 ![6](img/6.png) ##### 总结：我们的产品是《未来设计师》，主要的架构有首页、展示、发现、社区和我的。产品的核心功能是欣赏作品和上传作品。而对于社区这一功能块，主要是用户能进行基本的社交，增加用户的粘性和趣味性。 #### 1.2 交互路径分析 - 交互路径分析-搜索 ![搜索](img/搜索-放大.png) - 交互路径分析-发表作品 ![发表作品](img/发表作品-放大.png) - 交互路径分析-查看作品 ![查看作品](img/查看-放大.png) - 低保真原型图汇总 ![低保真原型图](img/界面.png) #### 总结 - 为了让用户更加方便的进行搜索与查看，我们的app内开设了多个搜索入口，用户在每个页面内都可以发现搜索入口，不用自己手动跳转页面寻找搜索入口。 #### 1.3 视觉层面分析 ![未来设计师设计规范](https://images.gitee.com/uploads/images/2020/0511/090054_6605d28d_1648204.jpeg "未来设计师视觉规范2_画板 1.jpg")