国产一精品一aⅴ一免费-国产一精品一av一免费-国产一精品一av一免费爽爽-国产一久久香蕉国产线看观看-国产一卡2卡3卡四卡高清-国产一卡二卡3卡4卡视频

當前位置: 首頁 > 設計資訊 > 設計教程 > 正文

Sketch大師最常用的3個實戰小技巧

2018-01-29 2087 0
面對Sketch這樣的新應用,誰都想直接達到到高效、高產、熟練的使用水平。所以今天@窒息紅Leon 就來介紹關于 Sketch 的三個小訣竅,而它們通常只能在經驗豐富的 Sketch 大師身上才能看到。 譯者的微信公眾號:zhenlei_pd,推薦同學們關注呦。本文為譯者授權優設發布,未經作者本人授權請勿轉載,謝謝 :) 最舒適的是什么——是我們的舒適區! 每個人都有自己的舒適區,作為設計師,我們會有四五款應用幾乎在睡夢里都可以使用,數百小時積累起來的肌肉記憶力、快捷鍵和令人熟悉的小怪癖會讓我們在使用這些應用時就像躺在一個老舊但是舒適的扶手椅中。但當我們嘗試轉換到一個新工具時,總會覺得它太難用了——至少在最開始的幾個星期。
Tip 1:做一個鍵盤快捷鍵的忍者 Sketch 鍵盤快捷鍵設計的不能再簡潔了,大部分時候我們只需要 command 加上某個鍵就能實現目標,甚至更多時候只要一個單鍵就可以(如 A:創建畫板 Artboard)。放心,在 Sketch 中設計時,你永遠不會把你的手指纏繞在一起。 不少快捷鍵都非常直觀,或者與 Photoshop 中的同類功能有相同的按鍵,因此它們也常被忽視——但卻是最使用的一批快捷鍵。 單鍵快捷鍵: A:創建畫板 T:創建文本 V:創建向量 O:創建圓形 R:創建矩形 U:創建圓角矩形 多鍵快捷鍵: Z + 單擊/選區:將屏幕縮小到特定區域 Enter:對當前選中的圖層啟用編輯模式 Shift + Tab:依次選擇下一個圖層(上一個圖層是單按 Tab) Option + 拖動圖層:復制一個新圖層并移動 Option + 鼠標懸停圖層:顯示兩個圖層之間的距離 Command + 單擊:選中一個組中的圖層 Command + R:重命名圖層或畫板 Command + Shift + H:顯示/隱藏圖層 Command + 滾輪:縮放頁面 Command + Shift + E:激活導出模式 Command + Option + C:復制圖層樣式 Command + Option + V:粘貼圖層樣式 究竟哪些快捷鍵是重要的,最終還是取決于你的工作環境與工作內容,如果你想更多地了解 Sketch 的快捷鍵,Jean-Marc Denis 提供了一個列表:Sketch Keyboard Shortcuts

Tip 2:細心整理頁面和畫板 如果使用 Sketch 來繪制用戶界面,相信經常需要創建某個頁面的多個其他樣式,用以解釋、展示這個頁面上的交互動作與效果。一般 2-10 個畫板足以描繪一個頁面,具體要視頁面中動態內容的數量而定。 創建一個新的畫板(如果你忘了怎么做:CMD + A),它會直接出現在最后一個已有畫板的右側,所以他們大約是一個100px 間距的隊列。但也許你根本不希望畫板按照這種形式排列,比如打算按照坐標軸方向進行畫板放置。 最整潔的界面組織順序應當是從左到右,或者從桌面到移動端,讓所有界面都排列在一條新的線上。你所要做的,就是將每個界面的那些畫板整齊地擺放在水平或垂直方向。 當打算設計一個全新的網頁時,你可以在 Sketch 創建一個新的 Page,在圖層管理器的頂部點擊「+」號即可。可以發現,右鍵點擊 Page 并且選擇復制后,可以快速復制所有的畫板尺寸以及通用元素,刪除起來也很方便。 一個 Sketch 文件應當包含整個網站設計,每個頁面應該分配到不同的 Page 中,而這些 Page 里,水平方向的畫板放置的是不同的頁面,垂直方向的畫板則擺放了這些頁面各自的動態內容呈現。 (譯者注:這里翻譯得有點生硬,簡單解釋一下。一般設計時,除了每個頁面的主要視覺以外,還需要展示這些頁面在特定情況下的呈現樣式,比如知乎主頁除了 Timeline 以外,還要繪制出點贊的界面、評論的頁面、懸停查看用戶信息的頁面等。本文建議設計師把不同的功能放置到不同的 Page 中,在每個 Page 里,橫向擺放不同的界面主視覺,而縱向則繪制每個主視覺中不同操作下所得到的視覺效果。)
Tip 3:保持干燥——活用樣式和符號
(Photo credit: m01229) 這可不是最新止汗劑的廣告。這里干燥(DRY)所指的是「Don’t Repeat Yourself」的縮寫,也就是不要讓自己重復。這里的概念和編程中創建函數、類,將會反復使用的復雜功能都規整起來的做法很類似。 沒有人想要變得濕漉漉「Wet」——每件事都干兩次「Write Everything Twice」。 共享樣式、文字樣式和符號的操作都很類似,但卻使用于不同的設計場景。共享樣式主要用于形狀,文字樣式主要是用于文字,而符號則作用于圖層組。使用它們的目的是將這些樣式統一命名,以便未來可以重復使用。如果你熟悉 CSS,這和其中的 classes 是很類似的。 共享樣式與形狀無關,比如我們創建一個矩形,生成共享樣式后并將其命名為「按鈕」,我們就可以將這種樣式應用到其他沒有樣式的矩形上,使得它們成為一個新的「按鈕」,而如果應用到一個圓形或者多邊形上,一樣可以使得它們成為一個該樣式的「按鈕」。共享樣式可以在檢查器(右邊)中應用和移除,文字樣式和符號也與之類似。
符號略微有些區別,主要在于其一并共享了形狀、尺寸和位置等信息,并且作用于整個圖層組,包含了其中所其他共享樣式和文字樣式。 如果你調整了一個符號圖層組的尺寸,所有其中的內容都會被縮放;如果修改、新增一個新的圖層到這個符號中,所有共享這個符號的圖層組中也都會修改或新增這個新圖層。總而言之,如果你的設計用到了很多模塊化的內容,符號功能是非常非常實用的。

總結 書上得來終覺淺,所有的操作不試試怎么能深刻理解呢,所以打開 Sketch 來實際操作看看吧。如果你是一個Logo 或界面設計師,這三個技巧會幫你用光速成為 Sketch 大師的。沒有人想離開他們的舒適區,但是離開那些熟練軟件(Photoshop、AI等)一兩個小時,下載 Sketch 試試,你會愛上它的。 作者 Daniel Schwarz 是一名設計師和開發者,目前正和他的妻子世界旅行,體驗最棒的游歷生活。Daniel 是 http://airwalk-design.com/的聯合創始人、館長和編輯,同時還擔任Airwalk Studios的創意總監。對了,他還是 Sketch 的粉絲。 
15
評論區(0)
正在加載評論...
相關推薦
主站蜘蛛池模板: 男女啪啪猛烈免费网站 | 久久日韩精品中文字幕网 | 欧美日本亚洲国产一区二区 | 青青青青久久国产片免费精品 | 亚洲精品一区二区三区福利 | 国产一区二区不卡视频 | 99精品免费久久久久久久久日本 | 亚洲欧美日韩高清一区二区三区 | 精品91| 添人人躁日日躁夜夜躁夜夜揉 | 在线观看三级拍拍视频 | 日韩亚洲欧美综合一区二区三区 | 亚洲操穴 | 99热这里只有精品国产免费 | 在线播放波多野结衣 | 日韩欧美精品中文字幕 | 一级一级毛片看看 | 四虎影视免费在线观看 | 亚洲免费福利视频 | 大陆一级毛片免费视频观看i | 成人久久视频 | 在线色资源 | 久久中文字幕久久久久91 | 99国产精品免费观看视频 | 日韩亚洲欧美一区二区三区 | 精品久久久日韩精品成人 | 国产精品伦视频观看免费 | 国内精品久久久久影院蜜芽 | 综合欧美视频一区二区三区 | 亚洲乱码在线视频 | 日韩婷婷| 国产一级毛片外aaaa | 国产成人在线视频播放 | 国产亚洲美女精品久久久 | 国产―笫一页―浮力影院xyz | 日日插夜夜操 | 69视频在线观看福利视频 | 天天做人人爱夜夜爽2020 | 日韩伦理一区二区三区 | 91成年人| 久久综合色视频 |