国产第|页草草影院

  • <xmp id="624qc">
    <optgroup id="624qc"></optgroup>
  • 體驗10界面設計的前端知識

    發布時間:2020-07-21 11:13:00

    在公司項目中,設計師了解前端,這將大大提高與程序員的合作效率,減少技術信息不對稱的現象。如果在一個網站項目中,程序員還在向設計者講解HTML、CSS和box模型的基本知識,那么開發效率可想而知。

    在公司項目中,設計師了解前端,這將大大提高與程序員的合作效率,減少技術信息不對稱的現象。如果在一個網站項目中,程序員還在向設計者講解HTML、CSS和box模型的基本知識,那么開發效率可想而知。

    許多公司的項目都采用前端框架來開發。如果設計人員能夠理解這些框架,能夠基于框架結構設計UI,無疑會提高項目的整體開發效率。讓我們看看常見的前端框架,這在面試中可能會有幫助。

    螞蟻圖案

    是螞蟻金做的。這是一個非常有名的畫框。即使你不知道前端,你也會從公司項目的程序員那里聽到很多。目前,很多公司都在使用它,這是非常成熟的。它還提供了一個設計人員友好的草圖規范文件,可以直接使用。

    Ant設計基于react,而不是傳統的HTML。React源于Facebook的內部項目,現在已經成為一個非常流行的開發工具。

    理想的項目開發過程是設計人員和程序員熟悉各種類型的ant設計。設計師不再自由地進行設計,而是基于基本風格框架進行設計創新。這樣,在恢復UI設計草稿時,程序員可以大大提高開發效率。

    現在許多項目使用ant設計,有些公司甚至在招聘UI設計人員時會這樣寫:理解ant設計規范是優先考慮的。所以這個框架建議設計師們好好看看。

    自舉

    Bootstrap是一個由twitter發布的用于前端開發的開源工具包。它是一個CSS/HTML框架,被**上許多網站開發人員使用。網格理論和響應式解決方案已經成為業界的參考規范。

    很多設計師在學習前端的時候都會接觸到這個框架,甚至連培訓機構都有專門的課程,所以重要性可見一斑。

    塔魯伊

    taro UI是一套基于taro框架開發的多終端UI組件庫,可以在微信Applet/H5/react native等多終端應用中進行調整和運行。京東用戶體驗設計部凹凸實驗室制作。

    現在一款產品需要在IOS、Android、applets、H5等多個終端上運行。為不同的客戶開發不同的代碼要花很多錢。此時,為了適應多個終端,只編寫一組代碼是非常必要的。

    使用taro,只需編寫一組代碼,然后使用taro的編譯工具分別編譯源代碼,可以在不同的端(微信applet、H5、RN等)運行,節省了成本。

    伊維

    您可以在網站中看到大量的UI組件和相應的代碼,這與我們制定的UI規范基本相同。

    露露

    Luluui是一個基于jQuery的前端UI框架,與IE8和IE7兼容,包含許多靜態或動態UI組件。它對設計師很友好。它只需要簡單的HTML和CSS知識就可以快速使用。

    與螞蟻設計不同,luluui非常適合外部用戶進行網站開發。您可以從簡單的HTML和jQuery開始。與一些流行的框架不同,它需要更多的學習成本。

    QMUI公司

    騰訊生產的Qmui分為三個終端:Web、IOS和Android。它有相應的DOM下載和安裝。設計師可以下載Android和IOS應用程序,并經常查看其中的組件。在熟悉了它們之后,與技術的合作將更加有效。

    元素

    融合征

    阿里巴巴推出的適合設計和技術常用的設計規范框架。其基本目的還在于讓設計人員在標準框架中設計接口,并提供草圖插件,使所設計的組件可以直接轉換成代碼,并且技術可以直接調用。

    韋伊

    Weui是一套符合微信原創視覺體驗的基本風格庫。官方微信設計團隊設計微信內部網頁和微信小程序,使用戶的使用感知更加統一。

    這個小框架提供了微信頁面的通用組件,我們在設計微信風格的項目時可以參考。

    框架7

    一個簡單而免費的HTML框架,主要用于構建移動web應用程序,分為IOS和Android風格。

    其結構非常簡單,采用基本的HTML、CSS和JS構造,使用方便。它還可以用作原型開發工具來快速創建應用程序原型。

    此外,還有許多其他前端框架。事實上,以上10個框架不需要設計師深入理解?;镜囊笫窃O計人員對其內容、樣式和組件有一個大致的了解。與技術合作,了解哪些組件不需要額外的設計,哪些可以進行樣式擴展。

    例如,設計師學習前端,不是為了取代前端工作,而是為了對UI界面有更深入的了解。在設計的同時,還要考慮界面的交互性、可擴展性和可用性。這就像是通過做事來做事,通過外觀看到結構的本質,提高界面的控制能力。



    国产第|页草草影院