mac系統(tǒng)的使用提示:
1.windows==ctrl==花鍵==cmd==comanmd
2.我的電腦==finder
3.程序切換--ctrl+TAB
4.窗口切換--crl+~
5.最大化--ctrl+F? 取消--ctrl+esc
6.最大化切換--ctrl+光標鍵
7.最小化切換--ctrl+m,ctrl+alt+m? 所有最小
8.刪除--ctrl+backspace
9.輸入法--ctrl+空格
10.截屏--ctrl+shift+3???? ctrl+shift+4
11.強制退出程序? cmd+alt+esc
12.finder:前往--ctrl+K;桌面--ctrl+shift+D;下載:ctrl+alt+L;文檔:ctrl+shift+O
13.f11顯示桌面
14.選中空格--預覽
15.ctrl+i? 顯示文件信息
第一章
一.畫板A:
1.ios安卓? pc? 紙張
2.ctrl+G? 網格
3.ctrl+L?? 布局
4.視圖-縮放-顯示像素
5.ctrl+R? 可以建立參考線
二.文件導出
1.導出整個畫板
2.右下角,導出當前圖層
三.矢量圖形
1.r? 矩形
2.o? 橢圓
3.u?? 圓角矩形
四.線條
1.快捷鍵:L
2.粗細,顏色,端點,拐角,虛線,箭頭,居中對齊,百分比圓環(huán)(
虛線:直徑/0.314*百分數(100/0.314*0.75)百分75的圓環(huán)
間隙:? 直徑/0.314
對齊方式選擇? 居中對齊
)
五.矢量工具
1.快捷鍵V
2.雙擊矢量圖形,可以進入編輯狀態(tài)
3.角點控制:對稱,不對稱,直角,斷開連接
六.剪刀:刪除兩個錨點間的線條
七.旋轉復制
八.常用操作
1.復制:ctrl+D;alt+拖動;ctrl+C? ctrl+V
2.縮放:ctrl? +? +;ctrl? +? -;ctrl+1顯示全部;ctrl+2最大化 旋轉物體;ctrl+3 居中
3.側邊欄:ctrl+alt+.?? 隱藏兩邊;ctrl+alt+1 ? 隱藏左邊;ctrl+alt+2 ? 隱藏右邊
4.改變圖層順序ctrl+alt+光標上下
5.在圖層中alt切換鎖定還是隱藏
6.alt查看隱藏
第二章:檢查器
一.蒙版
1.輪廓
2.透明度
二.對齊,分布,透明,圖層混合模式,描邊,投影,內陰影,圖像顏色的調整
三.基本:
1.x,y? width? height
2.旋轉
3.對稱
4.ctrl+上下左右鍵改變大小
四.填充
1.純色
2.線性漸變
3.徑向
4.角度
5.圖案
6.噪點
五.顏色
1.文檔顏色
2.全局顏色
3.歷史顏色
六.模糊
1.背景模糊
2.高斯
3.動感
4.縮放
第三章
一.文字樣式--當文字樣式更新的時候,所有運用該樣式的元素也會產生更新
二.圖層樣式
三.默認樣式
四.取色 ctrl+c
五.組件:
1.組件的命名? item/arrow? item/normal
2.修改文字和圖片
3.當組件發(fā)生修改時候,所有運用組件的元素也會發(fā)生改變
4.組件分離(元素和組件就不產生關聯(lián)關系)
六.組建的嵌套
七.資源庫
八.模板
字體的氣質與選擇
1.不看字體看形態(tài)
2.粗的當標題,細的當正文
3.復雜的當標題,簡單的當正文
4.粗的親民,細的表現(xiàn)科技,貴重
5.粗的偏男性,細的偏女性
后臺管理界面
一.圖表
1.詢問前端會什么圖表
2.常見的圖表:D3,echarts,hightcharts
3.參考程序會的那種圖標做設計
二.框架也有模板
1.國內后臺框架模板:
1).react--antDesign
2).vue--ElementUi
2.框架官網:下載sketch psd;參考樣式,對照自己的功能做設計
三.設計原則
1.親密性:縱向間距:大,中,小固定的間距;推薦8的倍數;
橫向:大中小簡潔
2.對齊:不推薦縮進;表單標簽冒號對齊;數字? 推薦右對齊(小數點對齊)
3.對比:按鈕:面按鈕;線的按鈕;文字按鈕;同一個地方只有一個主要按鈕,如果用戶需要決策,按鈕不要有傾向,狀態(tài)對比:選中,懸停,靜態(tài)
4.重復:重復的設計元素
principle第一章
定義:結合sketch制作簡單的動畫的軟件
動畫原理:1.兩個畫板間產生動畫
2.在兩個畫板名稱相同的圖層產生過度
3.動畫的事件:點擊,鼠標移入,鼠標移出,鼠標按下,鼠標彈起,自動
4.過渡屬性:x,y ;旋轉;透明的;顏色
5.時間軸:改變動畫的時間長短;動畫起始結束時間;緩沖動畫:默認;緩入緩出;線性;彈性;沒有
principle第二章
一.頁面滾動:
1.定義:模擬手機滑動翻頁
2.做法:建組,把組的寬度變成一個頁面的寬度,水平方向設為頁面;
二.聯(lián)動效果
定義:隨著組動動畫的距離,來改變其他圖層屬性動畫(元素的動畫是和滾動/拖動/頁面的距離產生聯(lián)系)
做法:1.首先有頁面動畫
2.選擇圖層
3.移動時間軸,屬性關鍵幀:填充;x,y;縮放;透明
4.再移動時間軸,打屬性關鍵幀(改變屬性)
注意:在聯(lián)動畫板里,一個圖層,只管一個元素的一個屬性
安卓設計規(guī)范

開屏三兄弟

微信小程序
