2018-11-28

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ī)范



開屏三兄弟



微信小程序


最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

友情鏈接更多精彩內容