《界面设计》课件-视觉规范及APP使用流程

BYYUSHEN界面设计Interfacedesign第七章

项目实战视觉规范及APP使用流程授课教师王潇潇BYYUSHEN界面设计InterfacedesignCONTENTS色彩体系01字体与图标使用02按钮交互规范03图标系统04救现在小剧场05BYYUSHEN主要颜色辅助颜色渐变颜色中性色点缀颜色色彩体系01字体与图标使用02BYYUSHENPingFangSCThinMediumLightRegularSemiboldBold采用iOS系统原生的苹方字体作为主要用字，确保在不同设备上都能呈现最佳的阅读体验和视觉一致性。BYYUSHEN按钮交互规范03按钮

单选按钮

分类按钮

控制状态划分

选项卡

图像比例BYYUSHEN图标系统04页面选用了iOS作为设计风格的方向，运用圆角、投影、组件规范等设计，让主次更加明确，以用户体验为中心，页面减少过多的装饰。标签栏ICON产品LOGO产品ICON产品LOGO与ICON采用橙蓝配色，主要由产品名称RescueNow中的字母R和N组成，并结合全力奔跑的救援者的意象，体现本产品的紧急救援特征BYYUSHEN救现在小剧场05求救者场景1紧急求救邱玖哲23岁，研二工设在校生，现居杭州，生活费2000/月剧情梗概：小邱前往安徽旅行，到安徽的第二天遭遇暴雨而受困在酒店中，在绝望与害怕中，她想到可以使用“救现在”APP求救，最终获得了小施的救助。BYYUSHEN救现在小剧场05邱玖哲23岁，研二工设在校生，现居杭州，生活费2000/月小邱在寻找紧急避难点的途中，发现在在一处坡道上有几位没能及时回家的老人小孩，而此时洪水已淹没街口，于是她赶忙打开“救现在”，上报了灾情。求救者场景2上报灾情BYYUSHEN救现在小剧场05邱玖哲23岁，研二工设在校生，现居杭州，生活费2000/月小邱想要前往附近安全的避难点，但由于刚经历了突然而来的灾难，内心十分害怕，希望有附近的人能和她一同前往，于是她打开了“救现在”，在互助区寻找同往避难点的人。求救者场景3结伴同行BYYUSHEN救现在小剧场05邱玖哲23岁，研二工设在校生，现居杭州，生活费2000/月小邱到避难点休息片刻后，发现仍有很多群众正处在危险之中，想到自己也曾加入”救现在“救灾勇士团队，于是，打开软件，切换账号身份，参与到救援任务中。求救者场景4参与救援BYYUSHEN救现在小剧场05救援者场景1展开救援施玖哲36岁，蓝天救援队一员，现居宁波，工资8000/月洪水突然袭来，小施凭借多年的救援经验火速展开救援，于是打开“救现在”，通过救援身份入口进入任务大厅，查看求救信息，展开救援，但到救援点后，发现情况有变，于是发起了结队救援的邀请。BYYUSHEN救现在小剧场05救援者场景2结队救援施玖哲36岁，蓝天救援队一员，现居宁波，工资8000/月小施正在任务大厅准备接受救援任务，收到了有附近救援者发出的结队救援邀请，于是接受结队邀请一起加入救援。BYYUSHEN救现在小剧场05群众场景1捐赠物资朴桐仁27岁，码农，现居上海，工资30000/月小朴在工作间隙，收到了“救现在”发来的河南暴雨的消息推送，于是点开查看，由于相隔甚远，小朴决定通过捐赠物资的方式为驰援河南助力，并持续追踪物资去向。BYYUSHEN救现在小剧场05群众场景2成为救灾勇士朴桐仁27岁，码农，现居上海，工资30000/月通过这次“河南暴雨”事件，小朴深深感受到来自人民群众的力量，为救援人员的志愿精神感动。于是他决定加入“救现在”团队，时刻准