<em id="09ttv"></em>
    <sup id="09ttv"><pre id="09ttv"></pre></sup>
    <dd id="09ttv"></dd>

        • 關于設計中的組件化思維

          2022-4-5    純純

          組件化思維對于一個設計師來說十分重要,它能夠幫助你更好的去進行產品的設計,那么組件化思維對于設計者都起到什么作用?

          1.符合產品功能邏輯,組件化的設計理念能幫助設計符合產品功能邏輯。

           

          2.有助于保持交互一致性,在一個項目里,選擇日期應該是統一的交互方式,在整個產品中就應該只有一種存在形式。所以時間選擇器就是一個組件,一個可以復用的組件,如果你沒有組件化思維,很可能出現好幾個不同的時間選擇器,一會兒是流輪撥盤,一會兒是日歷,一會兒又是下拉列表,這樣的設計絕對是不能上線的。當然該統一的地方還有很多,比如:錯誤提示的形式,講度條的交互方式,導航欄和按鈕的樣式。表單,下拉菜單等等。

           

          3.減少開發工程師的工作量,開發時使用不同的技術,了解不同技術之間的差異,設計時按照每個開發軟件的組件來做設計極大的減少了開發的時間.

           

          4.保持視覺風格的統一,在同個項目不同頁面按鈕等組件的樣式上應該保持統一。

           

          5.便于多設計師協作組件化設計是大型設計項目的必要條件,多人協作完成項目時,應當保持視覺統一規范,組件化建立就起到了至關重要的作用。

           

          6.便于修改設計,設計總是需要修改優化的,只需要根據需求調整需要調整組件即可。

           

          針對各種組件的開發軟件做了以下介紹,歡迎在評論區進行補充與探討!

           

          echarts
           幫助各行業進數據處理以及分析,一鍵生成餅圖,柱狀圖,甘特圖,折線圖等多種圖表;簡道云的圖表分析

           

          各種圖示效果樣式案例可供設計者參考

           

          https://echarts.apache.org/examples/zh/index.html#chart-type-line

           


          Ant Design

          ant通過模塊化解決方案,降低冗余的生產成本,讓設計者專注于更好的用戶體驗,規范設計的設計思維,有豐富的設計資源與組件,對設計樣式的表達起到非常好的參考作用

          https://ant.design/index-cn

           

          Element

          Ant Design稍加相似,可供設計者作為輔助參考

           

          https://element.eleme.cn/#/zh-CN/guide/design

           

           

          另外其它的開發工具:

          React是用于構建用戶界面的JavaScript庫,起源于Facebook的內部項目

           

          Hook 可以中文譯為“掛鉤”或者“鉤子”,逆向開發中改變程序運行的一種技術,在逆向開發中是指改變程序運行流程的技術,通過Hook在別人的程序中。需要了解其Hook原理,這樣就能夠對惡意代碼攻擊進行有效的防護

           

           

          Umi 是一個可插拔的企業級 react 應用框架。 插件化 umi 的整個生命周期都是插件化的,甚至其內部實現就是由大量插件組成

           

           可擴展 Umi 實現了完整的生命周期,并使其插件化,Umi 內部功能也全由插件完成。此外還支持插件和插件集,以滿足功能和垂直

           

          Vue 有兩大特點:響應式編程、組件化。其優勢為:輕量級框架、簡單易學、雙向數據綁定、組件化、數據和結構的分離、虛擬DOM、運行速度快。

          vue是單頁面應用,使頁面局部刷新,不用每次跳轉頁面都要請求所有數據和dom,這樣大大加快了訪問速度和提升用戶體驗。它的第三方ui庫很多節省開發時間。https://cn.vuejs.org/v2/guide/index.html

           

           

          vue是我們的常用框架,大多數客戶的選擇。ant?react?hook?umi,中后臺這個也比較多,最近的項web端的基本上是這兩種選型。

          其它常設計有wpf/qt/mfc/開發,在c++c#下運行的客戶端程序

           

           

          其它例如:

          Bootstrap Twitter推出的一個用于前端開發的開源工具包。是基于 HTML、CSSJAVASCRIPT ,它簡潔靈活,使得 Web 開發更加快捷

          https://getbootstrap.com/docs/5.1/examples/


          developermaterial匯聚了ios、安卓組件框架及人機交互指南,相關鏈接:

          https://developer.apple.com/design/human-interface-guidelines/ios/overview/themes/

          https://developer.android.google.cn/docs/quality-guidelines/core-app-quality

          https://material.io/components?platform=android

           

          藍藍設計——    作者:純純

          分享此文一切功德,皆悉回向給文章原作者及眾讀者.

          免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

          藍藍設計www.sdgs6788.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務

          日歷

          鏈接

          個人資料

          藍藍設計的小編 http://www.sdgs6788.com

          存檔

          国产精品久久久久蜜芽| 国产精品激情综合久久| 久久香蕉超碰97国产精品| 97久久香蕉国产线看观看| 国产成人99久久亚洲综合精品 | 久久精品国产99久久无毒不卡| 国产三级久久久精品麻豆三级 | 91精品国产高清91久久久久久| 国产精品99久久精品爆乳| 久久人人爽人人爽人人片AV高清| 国产精品久久精品| 一本一本久久A久久综合精品 | 久久人与动人物a级毛片| 99久久精品免费国产大片| 久久精品人人做人人爽电影| 精品无码人妻久久久久久| 久久久久亚洲av无码专区| 久久久久亚洲AV成人网人人软件 | 国产69精品久久久久9999APGF| 国产精品九九久久精品女同亚洲欧美日韩综合区 | 久久久久久国产精品美女| 国产精品久久久久久福利69堂| 亚洲国产精品久久电影欧美| 亚洲伊人久久成综合人影院| 成人a毛片久久免费播放| 国产精品久久久久久搜索 | 久久精品国产色蜜蜜麻豆| 久久精品国产一区| 免费精品99久久国产综合精品| 久久综合九色综合网站| 香蕉久久久久久狠狠色| 亚洲一级Av无码毛片久久精品| 久久露脸国产精品| 日本久久中文字幕| 久久久久久国产a免费观看黄色大片 | 久久婷婷五月综合国产尤物app| 性做久久久久久久久浪潮| 奇米影视7777久久精品人人爽| 亚洲人成无码久久电影网站| 亚洲精品国产第一综合99久久| 久久亚洲AV无码精品色午夜|