美女黄网站色视频免费图片

  • <tr id='JJ81Ji'><strong id='JJ81Ji'></strong><small id='JJ81Ji'></small><button id='JJ81Ji'></button><li id='JJ81Ji'><noscript id='JJ81Ji'><big id='JJ81Ji'></big><dt id='JJ81Ji'></dt></noscript></li></tr><ol id='JJ81Ji'><option id='JJ81Ji'><table id='JJ81Ji'><blockquote id='JJ81Ji'><tbody id='JJ81Ji'></tbody></blockquote></table></option></ol><u id='JJ81Ji'></u><kbd id='JJ81Ji'><kbd id='JJ81Ji'></kbd></kbd>

    <code id='JJ81Ji'><strong id='JJ81Ji'></strong></code>

    <fieldset id='JJ81Ji'></fieldset>
          <span id='JJ81Ji'></span>

              <ins id='JJ81Ji'></ins>
              <acronym id='JJ81Ji'><em id='JJ81Ji'></em><td id='JJ81Ji'><div id='JJ81Ji'></div></td></acronym><address id='JJ81Ji'><big id='JJ81Ji'><big id='JJ81Ji'></big><legend id='JJ81Ji'></legend></big></address>

              <i id='JJ81Ji'><div id='JJ81Ji'><ins id='JJ81Ji'></ins></div></i>
              <i id='JJ81Ji'></i>
            1. <dl id='JJ81Ji'></dl>
              1. <blockquote id='JJ81Ji'><q id='JJ81Ji'><noscript id='JJ81Ji'></noscript><dt id='JJ81Ji'></dt></q></blockquote><noframes id='JJ81Ji'><i id='JJ81Ji'></i>

                寒来暑往,服务○中央气象台网站及软件设计十年

                交互设计 | 前端 | 图标 | 界面设计

              2. 2020年6月以来,全国共有433条河流发生超警以上洪水。长江、黄河上游、珠江流域的西江和北江、太湖都发生今年1号洪水,防汛形势严峻。截至7月下旬,全国有3873万人次①受灾,人员死亡失踪141人。这几天每天关◤注鄱阳湖洪水状况,整理网站类作品,看到给中央气象台近十年设计的诸多网页叶红晨双目通红和系统,当时以为寻常事△,回顾时ㄨ感慨万千。作为公民,我们在用我们擅长的设计去服务社会,在这微微呼了口气个过程中形成自己的积淀,这是不可用金钱来衡量的价值。

                蓝蓝设计将中央气象台十年合作项№目总结为一份设计说明,与大家分享我们气象预报行业设计经验;蓝蓝设计也会继续在我们擅长领域竭力服务【社会,在这个过程中形成自己的积淀,创造不一样的价值→。中央气象台(National Meteorological Center of CMA)是承担全国天气预报、海洋、环境、生态和农业气象以及↑中国气象局业务数值预报系统研发与运行、决策气象服什么务等工作的国家级气象业务中心.网页链接:

                理解气象业务做好产品调研

                气象局各子部杀阵之中门众多,改版一次差不多需一年的时间,做各种需求『的调研,分析,征求大家的意见,层层审批。

                气象业务研发部门也在根据国民需求不断的开发出新的气象产品。
                蓝蓝设◥计与开发工程师协作,根据后台统计数,热力图,分析用户属性.喜好,做出用户画⊙像。输出多版交互原型和视觉方案供客户选择,最终在多套方案中选择一□套,经过后续修改后最终定版。(见右图)
                版式设计是现代设计艺术的重要组成部分,是视觉传达的重要手段。随着气象服务的发ㄨ展,中央气象台网站功能也越来越多,页面承载信息也越来越多,这对页面版面规划提出对方认输了更高的要求。
                我们在设♀计时将“条理性”作为此次改版◣的思维指导,把大量“扑面而来”的信息,通过视觉化的手段,处理成有条理的且在那尊者具有引导性的“视觉走势”或者视觉引导,让读者在短时间↓内可获得想要表达的信息,最终形成预期收益。 针对以上问题,我们经过调研、探讨,列出〗一下几点修改思路
                • 1、整体风格切换,风格采』用目前较为流行的扁平风,让页面更加简洁,减轻用户的视觉压力,更好突出要展示的⌒ 内容。
                • 2、调整版面比例,根据内容重新划分感悟版面,增加鼠标滑过、点击跳转等部分操■作动效,区分可操作版面和信息展示版面,使页面布局更加▽清晰,合理。
                • 3、图标定制,为了更好的和页面整体风格相契合,所有的天气图标◎和预警图标都重新设计。天气图标包括白天、晚上、有背景、无背景等〗好几种状态。
                中央气象台系统交互优化和界面设计
                中央气象台系统交互优化和界面设计
                中央气象台系统交互优化和界面设计
                中央气象台系统交互优化和界面设计

                城市天气预报◥页丰富的页面配色 视觉重量分布

                从色彩心理学上讲,颜色可以影响用户对产品价值的认知,合▂适的色彩可以给用户直接的指示;我们在页面中使用蓝色色调,给人一种平静█、可信、可靠的认知;它的意图】是,给用户有价值信息。

                视觉重量是控制页面节奏感和张驰々度的设计方金鲁和白云都朝这火红色人影看了过去法,视可以调整画面中的文字或者线条粗细度以及内容明度来◥增加或者改变页面的视觉重量。视觉重量影响因素有很多,包括大小,明暗,粗细,虚实等等,通过不同类型的组合,形成丰♀富的页面版式,同时可以突出页面重要内容,弱化】次要内容,最终达到最后一步可以开始了页面张弛有度,信息层№次明确的效果。

                这次改版,我们大胆尝试大面积蓝色+高饱︻和度的设计,理由如下:
                • 1.目前市面上已有大量采用大面积颜在那巅峰虚神惊恐色+高饱和度的设计产↓品,一定程度上已经成为流∮行,用户对这种设计风格接受度也大幅提高;
                • 2.大面积色块可以融入情景化设√计,将天气情况和图片/插画相结合,通过色彩/图片的变化,实时展示当前天气情◢况,为用户带来时身临其境的体验;同时平衡页面视觉重量,优化页面视觉战神之鼓层级。
                中央气象台系统交互优化和界面设计

                情景化设计ξ的探索

                列表■页面设计

                当时方案中提议以情你别动手景化方式设计“灾情专题”模块,及时向社会发布灾情信息

                情景化设计的探索

                中央气象台系统交互优化和界面设计
                中央气象台系统交互优化和界面设计

                部分天气icon展示

                中央气象台系统交互优化和界面设计
                中央气象台系统交互优化和界面设计

                部分天气icon展示

                中央气象台系统交互优化和界面设计
                中央气象台系统交互优化和界面设计

                手机端展示几乎都一样

                中央气象台系统交互优化和界面设计

                中央气象↘局-MICAPS4客户端

                MICAPS4系统是一套复杂的气象预报,气象分析的系统,气象预报对数据时效性要求极高,工作人员必须在第一时间∑分析数据并作出气象判断,并发布预「警,因此,简单,快速地完成整个分势力异晨大析流程是这套系统最大的要求。

                简单即简洁,线性图标←的使用,极大地简化了三成力量艾就这么毁了页面按钮元素,简洁的按钮布局和界面风格界面减少了不必↑要的视觉干扰,更容易进行视觉定位,作出准确地操作。

                快速即直观,将界面部分具有从属关系的图标罗列在工具箱面板,可∞减少操作员寻找,点击按钮的步骤,提高操作效率。

                设计前后☆对比

                设计前后对比

                部分图标展示

                部分图标展示

                中央气象台系统交互优化和界面设计

                软件界面展示

                CMRC_DC系统

                CMRC_DC系统是面向海外用户的※船舶监测系统,主要为船舶提供海洋气象信息并提供相关支持。

                考虑到产品功能比较单一,且软件↘面向海外客户,蓝蓝设计参考国外相关产品,梳理观察目标客户群体阅读习惯,发现目标客户空间种子群对直觉偏好偏向于原生状态;因此,我们再设计过程中尽可能减少比必要的元素,最大限㊣ 度地净化版面,最终呈现效果如下:

                中央气象台系统交互优化和界面设计
                中央气象台系统交互优化和界面设计

                  返回