Design Tips for Showit: How to Design Desktop + Mobile Layouts Faster
ฝัง
- เผยแพร่เมื่อ 6 ก.ค. 2024
- Learn time-saving tips and shortcuts in Showit to help speed up your design process, especially for mobile design. In this video, I walk you through how to translate a desktop design into a mobile design quickly and seamlessly.
TIMESTAMPS:
00:00 - Intro
00:49 - How to plan ahead when designing desktop vs mobile
01:59 - Step 1: Mocking up a pricing section on desktop
05:37 - Step 2: Translating your mobile design
06:18 - How the split/merge feature works in Showit
08:21 - How to select the right element when mobile elements are overlapping
09:35 - Step 3: Duplicating repeated desktop elements
11:35 - Step 4: Aligning elements to the canvas
12:40 - Copy formatting with Special Paste
15:13 - Select multiple elements at a time
KEYBOARD SHORTCUTS
Copy + Paste
Mac: CMD + C / CMD + V
PC: CTRL + C / CTRL + V
Special Paste (Paste Formatting)
Mac: CMD + SHIFT + V
PC: CTRL + ALT + V
Duplicate
Mac: Option + Click + Drag
PC: ALT + Click and Drag
Resize from Center
Mac: Option (Hold) + Resize
PC: AlLT (Hold) + Resize
Multi-select
Mac: CMD + Click
PC: CTRL + Click
Move element in increments of 10px (in any direction)
PC + Mac: SHIFT + ARROW
Follow Me: / thekdesignco
Purchase the template used in this video: kdesign.co/product/kimberly - แนวปฏิบัติและการใช้ชีวิต