sketch--landing page 取得連結 Facebook X Pinterest 以電子郵件傳送 其他應用程式 4月 14, 2018 重點摘要 1. 點選主要物件,再按alt,可以看到主要物件與周遭物件的距離 2. 再artbora以外,拖拉出幾個該檔案會用的色塊,並儲存在填色中 3. 將物件做成symbol,以供該物件可以重複利用,並編輯裡面內容 練習出自:https://www.youtube.com/watch?v=Q8t4j9xXg5c 取得連結 Facebook X Pinterest 以電子郵件傳送 其他應用程式 留言
sketch基本操作 4月 08, 2018 Artbord:每個page都要有一個artbord, 代表每個裝置的大小 *在左上角 insert--artbord Page:每個page最好只有一個功能或流程 insert:基本上新增任何元件都在 insert 裡面 如:要新增一個矩形,就可以在insert裡面點選矩形(快捷鍵R*必須在語言為英文的情況下) *矩形必須放在artbord裡面 工具列:點選上面的工具列表,可以客製自己的工具列,預設有下面一組工具列,往工具列方向拉即可,可以再另外把自己額外新增的功能往上拉。 格線(control+G):View - canvas - show layout(layout setting編輯) 網格:View - canvas - show grid(grid setting編輯) 新增參考線:直接在尺標上面點選要的參考線位置,即可拉出一條參考線。刪除同photoshop拉到尺標上級刪除。右鍵案尺標,點選remove all vertical guides即可一次刪除所有參考線。 *把command - 縮小到某個程度,grid即會自動隱藏。 左下角的filter可以根據你的命名去搜尋你要的圖層。 **鎖定圖層:command+ shift +L **複製圖層/page:comand+D 閱讀完整內容
CSS 背景圖片 7月 30, 2017 background-img 圖片嵌入當背景,來源為儲存在電腦的相對路徑,或為網路上的網路圖片 ex: h1{ background-imge:url('http://website.com/img/background.jpg'); } h1{ background-imge:url('images/background.jpg'); } background-color ex: h1{ background-color:green;} background-repeat repeat:原格式重複填滿整個版面 repeat-x:僅X軸方向重複 repeat-y:僅Y軸方向重複 no-repeat:沒有重複 background-position 背景圖片在版面中的位置 top/bottom/left/center 他也可能是百分比%、長度或是XY相結合 background-position: bottom left; background background相關屬性都可以集結成background裡面 閱讀完整內容
留言
張貼留言