慄子UI從零開始學sketch3

2021-02-20 優閣視覺

【優閣視覺】

微信公眾號：ug-vision

我們是為設計而執著的青年，卻有著並不普通的設計師夢想。關注我們，我們會給大家帶來更多更好的經驗、設計、分享。

加入線下學習交流——群像素範兒ui培訓（標明微信）：438255562

投稿郵箱：kf@uigreat.com

「Sketch 是一款適用於所有設計師的矢量繪圖應用。矢量繪圖也是目前進行網頁，圖標以及界面設計的最好方式。但除了矢量編輯的功能之外，我們同樣添加了一些基本的位圖工具，比如模糊和色彩校正。我們盡力讓 Sketch 容易理解並上手簡單，有經驗的設計師花上幾個小時便能將自己的設計技巧在Sketch中自如運用。對於絕大多數的數字產品設計，Sketch 都能替代 Adobe Photoshop，Illustrator 和 Fireworks。」

以上是sketch中文網關於sketch的簡介，網址如下

http://www.sketchcn.com/sketch-chinese-user-manual.html

慄子親測，sketch喬實好用，喬實高效，喬實簡單，所以慄子製作了一系列的關於sketch製作界面的視頻。

慄子UI從零開始學sketch3案例一新建帳戶界面



慄子UI從零開始sketch3案例二信用卡支付界面


慄子UI從零開始學sketch3案例三優閣註冊界面


《從零開始學sketch3》系列共策劃12期，因為sketch國內用的人還比較少，所以本系列視頻都是以快進的方式製作常見的單頁界面，簡單介紹下sketch的高效。

之後慄子還有規劃製作《手把手教sketch3》系列，會詳細手把手帶練幾個商用案例，幫大家快速掌握sketch3，敬請關注哦。

慄子慄子

為什麼是慄子？

這話得從頭講。

慄子小時候酷愛超級瑪麗（老爸老媽一上班，就打開電視插上考第一贏來的小霸王偷偷玩），一直以為馬裡奧踩死的是蘑菇，直到有一天知道原來踩死的是原來是叫板慄仔Goomba/クリボー（「Goomba」是「板慄」的變音），就是這個傢伙


當時慄子的三觀就被徹底毀了，板慄仔Goomba/クリボー真的很可憐，為什麼總是被踩死，為什麼？為什麼？為什麼？為什麼超級馬裡奧裡的反派角色（綠殼龜、大金剛、庫巴、小鱷魚）都比板慄仔強大？為什麼？為什麼？為什麼？好端端的呆著，幹嘛踩我！


（此處有幾行熱淚滾滾而下，煽情請參考下面的視頻）

http://v.youku.com/v_show/id_XNDg1OTIxNDg0.html

哎，不感性了，其實這和闖蕩江湖一樣，想不被人踩死就得更強大，沒有資源沒有背景那就得從自身入手，有了真本事那才是真本錢，你說對伐～～～

以上就是名字的來源啦，我喜歡板慄仔、也喜歡吃慄子，這就是我——慄子。


優閣視覺已獲得慄子UI Sketch視頻教程獨家授權！轉載請註明出處！

【版權聲明】

版權屬於原作者

凡未標註版權，其內容歸原作者所有，如有侵權請您及時聯繫我們

掃描指紋關注優閣視覺微信公眾號

線下學習QQ群：438255562（加群註明微信）

想要獲得更多創意、學習、分享，www.uigreat.com

歡迎微信搜索：優閣視覺

相關焦點

  • 《慄子UI-從零開始學Sketch3》第二彈「進擊の慄子」
    加入線下學習交流——群像素範兒ui培訓（標明微信）：438255562投稿郵箱：kf@uigreat.com作者: 慄子老師hello，大家好，慄子又來了，延續上期的內容，本期視頻合輯依舊是使用sketch3 快速製作界面。
  • 正版Sketch與插件下載
    早知道這麼簡單就早點學了~我到底在怕什麼？連結: https://pan.baidu.com/s/1nv2v4NZ 密碼: eus5Sketch漢化插件：連結: https://pan.baidu.com/s/1pLOCgCN 密碼: r66x1 下載附件並解壓文件得到 Sketchl18N-master 文件夾2 找到 SketchI18N.sketchplugin
  • 久等了,這就是你要的Sketch3.3.3中文版!
    ↑↑歡迎點擊上方藍色靜Design關注我們靜電說：好事多磨，Sketch3.3.3的漢化版終於跟大家見面了，希望能為英文不好的小夥伴帶來一些幫助，大家久等了。漢化是個艱難的過程，在此之前靜電在網上尋找了很多資料，無奈mac下漢化的資料非常少，不過還是找到了些許痕跡。本次漢化說實話不算完美，但基本算是可用，98%以上的內容做了漢化，但是比較遺憾的是，工具欄圖標由於sketch軟體的特殊機制無法進行漢化，靜電水平有限，加之反編譯等等的難度，隱藏只能說抱歉，但對於這些圖標，靜電權衡之後做了討巧的方法，大家下載使用後就可以看出端倪。
  • Sketch 69 軟體介紹及安裝
    它的安裝包僅僅只有20多M，相比PS等軟體，sketch在安裝方面要更加方便快捷。當然正式因為他的小巧玲瓏，也註定sketch的功能相對PS等軟體要弱一些，但是它目前具備的功能完全可以滿足目前大部分UI設計的工作。綜合來看對於UI設計而言，尤其對於設計APP/WEB，以及出圖切圖等工作而言，sketch是非常實用的工具之一 。
  • sketch切圖基礎教程
    sketch切圖效率是ps的幾倍，幾十倍...
  • 那些提高效率但不為人知的Sketch 冷知識
    所以從本期開始，會陸續寫一些關於 sketch 方面鮮為人知的小知識，可能會包括快捷操作，組件，庫，實用插件等等，希望這系列的文章能拋磚引玉，對大家有所啟發。既然是冷知識，往往很難系統化的去梳理，可能會比較零散，所以大家看到感興趣的小技巧最好去動手試下，應該就能很快明白了。每個人都有自己的使用習慣，套路，所以很難知道我寫的對你來說是冷還是熱。
  • 如何快速設置 Sketch 快捷鍵 | Sketch 技能分享
    習慣使用快捷鍵的小夥伴對這個界面一定很熟悉，是通過 進入 Mac OS X 的系統偏好設置 sketch 快捷鍵的界面。
  • Sketch 插件導出切片
    Sketch 中如果要導出一張切圖，需要將其標記為切片（Slice）。在 Sketch 中切片的標記是多種多樣的，針對不同的切片標記插件需要處理的邏輯也有細微的差別。下面我們就來看看不同的切片操作在插件中應該如何導出吧。註： Ctrl+Shift+K可以在 Sketch 中調出插件腳本運行的 Playground，可以方便的調試代碼。
  • 傾囊相授 Sketch 使用的小技巧
    如果把做界面比作削蘋果，那麼PS是一把斧頭，sketch則是水果刀，斧頭能做很多事情但是對於削蘋果這件事情來說，卻很麻煩，不如水果刀好用。而且 sketch 學習成本很低，基本一兩天就能上手，加上它非常開放，支持第三方插件，這就出現了很多各式各樣的插件，方便了設計師的使用，提高了設計師的工作效率。
  • 資源共享 | sketch軟體+教程 輕鬆上手 分分鐘擼圖
    sketch軟體（持續更新中）https://pan.baidu.com/s/1sU5RqlMXmTCo27D_-pf-yQ
  • 看慄子學套路:花燈安裝要有一套!
    客廳高度 3.3m 減去花燈自身高度 1m，等於 2.3m，明顯符合上文所要求的「燈底到地面的距離不能小於1.9m」，且有著充分的空間去安排花燈的懸掛。在此說明的是，一般吊鏈的長度在 0.1m ~ 0.3m 範圍，另外再算上一些其他的小配件。
  • sketch插件下載連結大全
    昨天的微信連結：設計師推薦Sketch插件sketch官網：https://www.sketchapp.com/sketch中文網：http://www.sketchcn.com/3、Sketch Notebook Master (for UX)https://github.com/marcosvidal/Sketch-Notebook
  • 閒話慄子(作者:趙基開)
    閒話慄子趙基開金風送爽，「秋果之王「慄子登場。慄子生長在大江南北，但久負盛名的是良鄉慄子，河北燕山一帶，因當地土質溫潤，氣候適宜，光照充足，環境和空氣清新，十分適合優質慄子生長。良鄉是慄子集散地，因而得名。
  • Sketch 76 中文版 軟體下載及安裝
    一、軟體介紹  Sketch 是最強大的移動應用矢量繪圖設計工具，對於網頁設計和移動設計者來說，比PhotoShop好用N倍！尤其是在移動應用設計方面，Sketch 的優點在於使用簡單，學習曲線低，並且功能更加強大易用，支持自動切圖，並且具有移動設計模板，能夠大大節省設計師的時間和工作量，非常適合進行網站設計、移動應用設計、圖標設計等。
  • 一篇文章教你看懂Photoshop和Sketch
    第二來說說設計界新晉新星：sketch還不認識的同學記住這個大鑽石sketchsketch我沒記錯的話應該是從15年開始在大家面前出現的，那個時候用的人還很少，國內有不少先驅推廣，到目前為止已經迭代了不少的版本了。
  • 設計稿標註神器-Sketch Measure插件開發者utom訪談錄
    utom：從開始設計到交付設計的過程中， 有一個非常必要的環節就是標註， 標註是界面設計師與開發工程師溝通的橋梁。 對於大多數設計師來說， 標註是一個非常痛苦的過程， 我經歷過痛苦，就會想著如何解決痛苦， 這就是我的目的。解決自己工作上的痛苦，同時幫助到更多的設計師和開發人員。（靜電：好偉大，借我一雙膝蓋我給你跪了...）
  • Sketch Measure for Mac標註神器
    收錄於話題 #sketch文末獲取百度雲連結@JingDesign ：他開發的Sketch插件為成千上萬的APP界面設計師和網頁設計師節省了無數寶貴的時間，他開發的插件架起了開發工程師與設計師之間溝通的橋梁。在數以萬計的Sketch插件中，很少有插件能像Sketch Measure一樣能獲得如此多用戶的下載和關注，甚至在開源的github中，他收穫了將近兩千個收藏和數十萬的下載量。
  • Symbol讓你正確打開Sketch
    更重要的是sketch中還有個很便捷的操作功能，能在工作中極大的提高工作效率，那就是Symbol符號功能。 Symbol可以讓你在多個頁面和畫布上重複使用一組內容文本或樣式，但是它們只能保存在一個sketch文件內，不能多個文件共享（下文再介紹一個插件即可在多個文件中共享Symbol內容）。
  • sketch 快速導出psd文件
    >
  • 各個大廠的B端sketch組件庫/設計規範
    Design Vant 視覺規範 V3.0 .sketch(8.2 MB)服務於 SaaS 產品的設計體系PC端 Zent移動端 Vant小程序 Vant Weapp騰訊 TDesignPC端TDesign_Sketch_Library_Web_1.1.sketch