亚洲av无码成人专区片在线观看,亚洲av岛国动作片在线观看,少妇,喷水,亚洲av成人无遮挡网站在线观看,天堂网www资源在线

恭喜你成為UI中國推薦設(shè)計師 (詳情)
//百度統(tǒng)計 20220402 uicn

您的意見是我們 UI 中國進步的動力!
點擊立即反饋按鈕,發(fā)表您的意見!
立即反饋
QQ群反饋
您也可以加入UI中國官方反饋群進行反饋!
群號:302892100
備注:反饋問題后@管理員能讓我們及時了解您的意見

提交需求

賽事與廣告咨詢合作,請?zhí)顚懶枨蟊韱?,我們會在第一時間與您聯(lián)系!

0/20
0/200

設(shè)計大賽

  • 設(shè)計大賽
  • 發(fā)布廣告
  • 發(fā)布招聘
  • 其它需求

提交完成
感謝您對UI中國的支持和信賴!
經(jīng)驗丨sketch組件化設(shè)計思考
0.0°

        Image title



就在今年五月份,公司部門全系標配了iMacRetina 5K, 27-inch。我也有幸在有生之年可以接觸到UI設(shè)計工具的圣經(jīng):sketch。

Image title

這就是我的工位了

    

在接觸到Sketch的三個月里,對我的整體設(shè)計思路產(chǎn)生了巨大的影響,在適應(yīng)了這種影響帶來的變化后,覺得已經(jīng)無法離開它。不過這篇日記我們只聊聊sketch對設(shè)計師的工作帶來的2個很重要的變化。

        如果Photoshop像一個精于技藝的藝術(shù)家,它對界面性創(chuàng)作的藝術(shù)性具有無限的可能性。那么sketch則更像一個產(chǎn)品經(jīng)理。它迫使設(shè)計師站在一個更加宏觀的角度以更加整體的方式去構(gòu)架一個產(chǎn)品,另外在協(xié)同辦公上也有著更加合理的方式。


組件化的思考方式

    sketch的組件化的設(shè)計方式其實說白了就是去年傳的很神乎的分子設(shè)計,往淺的方面說分子設(shè)計就是將產(chǎn)品中各個模塊當(dāng)做獨立的模塊進行設(shè)計然后進行組裝到一起。就像拼接樂高,將拼好的各個部件組裝到一起來完成一個整體的設(shè)計。往更深入的層面來講, 分子設(shè)計是通過觀察、認識在設(shè)計過程中各個控件的使用頻率、使用效率、不同模塊(功能)之間的協(xié)同工作中令產(chǎn)品產(chǎn)生更加復(fù)雜的功能變化,進而分析、重組及再創(chuàng)造。這個流派致力于在傳統(tǒng)設(shè)計基礎(chǔ)上,通過各個控件的組合將產(chǎn)品的功能更加科學(xué)化、系統(tǒng)化。說白了,作為用戶,你可以享受到具有更加好用的產(chǎn)品設(shè)計,而這些設(shè)計呢,又是用更加創(chuàng)新的、科學(xué)的方法制作出來的。sketch的出現(xiàn)

(vision47以上)對這種“組件化”或者說“分子設(shè)計”的設(shè)計方式具有非常好的支持。

 

Image title

類似于控制器一樣的模塊化設(shè)計


    SKETCH47開始加入了全新的symbol和library的概念,它允許用戶像開發(fā)人員一樣模擬封裝自己的功能模塊。模塊內(nèi)部的樣式提前預(yù)設(shè)好,并在外部提供了可以修改內(nèi)容的接口。并且在library中,可以將設(shè)計好的symbol放入庫中方便日后調(diào)用。

Image title

library在設(shè)計中的運用



清晰的協(xié)作邏輯

        sketch將團隊的設(shè)計工作進行了清晰的劃分,對基礎(chǔ)模塊的修改將影響到所有調(diào)用相關(guān)模塊的產(chǎn)品設(shè)計。這樣劃分可能導(dǎo)致團隊設(shè)計人員工作性質(zhì)的劃分。一部分人對底層的庫進行維護和更新,并對所有調(diào)用此接口的模塊進行維護。一部分人負責(zé)具體的產(chǎn)品設(shè)計,并考慮是否調(diào)用庫中的模塊。就像南極的冰山,可以說他人看到的產(chǎn)品設(shè)計的樣式其實只是浮在海面上的冰山一角,而更深層次的底層模塊庫的支撐則是海面下的冰山根基。

Image title

sketch中的協(xié)作關(guān)系

    這里引用一下房子ok的說明:在協(xié)作中,如果是多人設(shè)計,可以把Libraries文件 存放在公司公共網(wǎng)盤里,方便團隊協(xié)作。如果是遠程辦公可以借助 Dropbox 或者藍湖來同步。

如果你是一個人完成設(shè)計,也可以用 Library 集中管理圖標文件和色彩文件,方便在不同的項目中調(diào)用。即使Libraries文件位置改變也不會影響調(diào)用。如果你徹底刪掉某個 Library 文件,當(dāng)前調(diào)用的組件就會轉(zhuǎn)化本地 symbol。并不會出現(xiàn)重大錯誤。





-The end-





我是一鳴

Hikvision UI desinger

一個辛勤更新的博主Dribbble

一個無聊玩玩吉他的設(shè)計狗Bilibili


更新:2018-01-13

收藏

5人已收藏

零源的設(shè)計日記

追波:nicoooer

  • 17

    作品

  • 307

    粉絲

  • 20

    關(guān)注

  • 高低模型烘焙筆記
  • Black gold -見遠行更遠
  • 技術(shù)實現(xiàn)丨如何增強UI頁面的科技感
  • 效果實現(xiàn)丨科技元素獲取途徑指導(dǎo)手冊

    猜你喜歡

      經(jīng)驗丨sketch組件化設(shè)計思考

      0.0°

      你確定要舉報經(jīng)驗丨sketch組件化設(shè)計思考?

      如果查出惡意舉報,十天內(nèi)禁止提交任何舉報申請。

      0/200

      上傳證據(jù): 超過10M的附件請使用網(wǎng)盤地址

      點擊上傳附件

      對誰可見:

      全部設(shè)計師
      • 全部設(shè)計師
      • 推薦設(shè)計師和認證設(shè)計師

      您確認要推薦?

      該作品發(fā)布時間:2018年01月13日

      評分

      完整度

      啟發(fā)性

      勤奮性

      排版布局

      推薦心得

      建議20-200字以內(nèi)

      0/200

      9
      5
      0

      賬號或密碼錯誤,請重新輸入

      賬號或密碼錯誤,請重新輸入

      登錄

      手機號

      發(fā)送驗證碼 120s 驗證碼錯誤

      登錄
      第三方賬號登錄