• <noscript id="ggggg"><dd id="ggggg"></dd></noscript>
    <small id="ggggg"></small> <sup id="ggggg"></sup>
    <noscript id="ggggg"><dd id="ggggg"></dd></noscript>
    <tfoot id="ggggg"></tfoot>
  • <nav id="ggggg"><cite id="ggggg"></cite></nav>
    <nav id="ggggg"></nav>
    成人黃色A片免费看三更小说,精品人妻av区波多野结衣,亚洲第一极品精品无码,欧美综合区自拍亚洲综合,久久99青青精品免费观看,中文字幕在线中字日韩 ,亚洲国产精品18久久久久久,黄色在线免费观看

    寒來暑往,服務中央氣象臺網站及軟件設計十年

    寒來暑往,服務中央氣象臺網站及軟件設計十年

    前端開發 | 圖標設計 | 交互設計 | 界面設計

    交互設計 | 前端 | 圖標 | 界面設計

    2020年6月以來,全國共有433條河流發生超警以上洪水。長江、黃河上游、珠江流域的西江和北江、太湖都發生今年1號洪水,防汛形勢嚴峻。截至7月下旬,全國有3873萬人次受災,人員死亡失蹤141人。這幾天每天關注鄱陽湖洪水狀況,整理網站類作品,看到給中央氣象臺近十年設計的諸多網頁和系統,當時以為尋常事,回顧時感慨萬千。作為公民,我們在用我們擅長的設計去服務社會,在這個過程中形成自己的積淀,這是不可用金錢來衡量的價值。

    藍藍設計將中央氣象臺十年合作項目總結為一份設計說明,與大家分享我們氣象預報行業設計經驗;藍藍設計也會繼續在我們擅長領域竭力服務社會,在這個過程中形成自己的積淀,創造不一樣的價值。中央氣象臺(National Meteorological Center of CMA)是承擔全國天氣預報、海洋、環境、生態和農業氣象以及中國氣象局業務數值預報系統研發與運行、決策氣象服務等工作的國家級氣象業務中心.網頁鏈接:http://www.nmc.cn/

    理解氣象業務做好產品調研

    氣象局各子部門眾多,改版一次差不多需一年的時間,做各種需求的調研,分析,征求大家的意見,層層審批。

    氣象業務研發部門也在根據國民需求不斷的開發出新的氣象產品。
    藍藍設計與開發工程師協作,根據后臺統計數,熱力圖,分析用戶屬性.喜好,做出用戶畫像。輸出多版交互原型和視覺方案供客戶選擇,最終在多套方案中選擇一套,經過后續修改后最終定版。(見右圖)
    版式設計是現代設計藝術的重要組成部分,是視覺傳達的重要手段。隨著氣象服務的發展,中央氣象臺網站功能也越來越多,頁面承載信息也越來越多,這對頁面版面規劃提出了更高的要求。
    我們在設計時將“條理性”作為此次改版的思維指導,把大量“撲面而來”的信息,通過視覺化的手段,處理成有條理的且具有引導性的“視覺走勢”或者視覺引導,讓讀者在短時間內可獲得想要表達的信息,最終形成預期收益。 針對以上問題,我們經過調研、探討,列出一下幾點修改思路
    • 1、整體風格切換,風格采用目前較為流行的扁平風,讓頁面更加簡潔,減輕用戶的視覺壓力,更好突出要展示的內容。
    • 2、調整版面比例,根據內容重新劃分版面,增加鼠標滑過、點擊跳轉等部分操作動效,區分可操作版面和信息展示版面,使頁面布局更加清晰,合理。
    • 3、圖標定制,為了更好的和頁面整體風格相契合,所有的天氣圖標和預警圖標都重新設計。天氣圖標包括白天、晚上、有背景、無背景等好幾種狀態。
    中央氣象臺系統交互優化和界面設計
    中央氣象臺系統交互優化和界面設計
    中央氣象臺系統交互優化和界面設計
    中央氣象臺系統交互優化和界面設計

    城市天氣預報頁豐富的頁面配色 視覺重量分布

    從色彩心理學上講,顏色可以影響用戶對產品價值的認知,合適的色彩可以給用戶直接的指示;我們在頁面中使用藍色色調,給人一種平靜、可信、可靠的認知;它的意圖是,給用戶有價值信息。

    視覺重量是控制頁面節奏感和張馳度的設計方法,視可以調整畫面中的文字或者線條粗細度以及內容明度來增加或者改變頁面的視覺重量。視覺重量影響因素有很多,包括大小,明暗,粗細,虛實等等,通過不同類型的組合,形成豐富的頁面版式,同時可以突出頁面重要內容,弱化次要內容,最終達到頁面張弛有度,信息層次明確的效果。

    這次改版,我們大膽嘗試大面積藍色+高飽和度的設計,理由如下:
    • 1.目前市面上已有大量采用大面積顏色+高飽和度的設計產品,一定程度上已經成為流行,用戶對這種設計風格接受度也大幅提高;
    • 2.大面積色塊可以融入情景化設計,將天氣情況和圖片/插畫相結合,通過色彩/圖片的變化,實時展示當前天氣情況,為用戶帶來時身臨其境的體驗;同時平衡頁面視覺重量,優化頁面視覺層級。
    中央氣象臺系統交互優化和界面設計

    情景化設計的探索

    列表頁面設計

    當時方案中提議以情景化方式設計“災情專題”模塊,及時向社會發布災情信息

    情景化設計的探索

    中央氣象臺系統交互優化和界面設計
    中央氣象臺系統交互優化和界面設計

    部分天氣icon展示

    中央氣象臺系統交互優化和界面設計
    中央氣象臺系統交互優化和界面設計

    部分天氣icon展示

    中央氣象臺系統交互優化和界面設計
    中央氣象臺系統交互優化和界面設計

    手機端展示

    中央氣象臺系統交互優化和界面設計

    中央氣象局-MICAPS4客戶端

    MICAPS4系統是一套復雜的氣象預報,氣象分析的系統,氣象預報對數據時效性要求極高,工作人員必須在第一時間分析數據并作出氣象判斷,并發布預警,因此,簡單,快速地完成整個分析流程是這套系統最大的要求。

    簡單即簡潔,線性圖標的使用,極大地簡化了頁面按鈕元素,簡潔的按鈕布局和界面風格界面減少了不必要的視覺干擾,更容易進行視覺定位,作出準確地操作。

    快速即直觀,將界面部分具有從屬關系的圖標羅列在工具箱面板,可減少操作員尋找,點擊按鈕的步驟,提高操作效率。

    設計前后對比

    設計前后對比

    部分圖標展示

    部分圖標展示

    中央氣象臺系統交互優化和界面設計

    軟件界面展示

    CMRC_DC系統

    CMRC_DC系統是面向海外用戶的船舶監測系統,主要為船舶提供海洋氣象信息并提供相關支持。

    考慮到產品功能比較單一,且軟件面向海外客戶,藍藍設計參考國外相關產品,梳理觀察目標客戶群體閱讀習慣,發現目標客戶群對直覺偏好偏向于原生狀態;因此,我們再設計過程中盡可能減少比必要的元素,最大限度地凈化版面,最終呈現效果如下:

    中央氣象臺系統交互優化和界面設計
    中央氣象臺系統交互優化和界面設計

      返回

    主站蜘蛛池模板: 国产精品综合久久久久久久免费 | 免费无码AV片在线观看国产| 亚洲香蕉视频天天爽| 国产成人丝袜网站在线看| 少妇高潮喷水正在播放| 精品亚洲欧美中文字幕在线看| A男人的天堂久久A毛片| 国产av午夜精品福利| 999国内精品永久免费视频| 久久精品国产亚洲AV古装片| 中文字幕午夜AV福利片| 网红主播国产一区在线| 成人久久18免费网站入口| 国产精品麻豆成人AV电影| 一本一道VS无码中文字幕| 国产福利微拍精品一区二区| 国产一区二区三区av在线无码观看| 亚洲乱码日产精品BD在线观看 | 国产人妖av一级黄片| 国产午夜福利| 久草热8精品视频在线观看| 在线看免费无码av天堂的| 伊人久久大香线蕉成人综合网| 国产AV无码片毛片一级| 91干逼网| 伊人色综合网一区二区三区| 亚洲综合另类欧美久久久精品| 深夜福利一区二区在线| 少妇人妻无码专区视频免费| 国产伊人色噜噜综合网| 制服丝袜视频国产一区| 国产精品一级在线播放| 日本欧美一区二区免费视频| 尤物蜜芽AV在线播放| 婺源县| 国产在线欧美日韩精品一区二区| 国产美女在线看网站| 久久99精品中文字幕在| 中文字幕有码日韩精品| 亚洲人成网站在线小说| 京山县|