focus on more business goals Planners Expected Result Designers > Can improve design consistency > Can improve productivity of design work Developers > Can concentrate on core logic > Can improve UI efficiently and consistently > Can decrease cost of QA > Can reduce project size
> To find out what makes LINE designers special > To get their expectations about the design system > To visualize the gap between their design criteria and the company’s criteria
6% Email 9% Meetings 15% Repetitive task 37% Redundant Work Screen Capture Draw Wireframe Design Button, Illustration Develop same feature several times Etc.
you should keep in mind when you make LINE Product Common color library with consistent label 160 crafted icons with general use Design and code synced reusable component Best UX Suggestions for common flows in LINE LINE Design System
Respect for Legacy DOUBT YOUR GUT FEELING. ALWAYS STUDY THE USERS’ EXPECTATIONS AND PATTERNS. USERS WANT TO ‘USE’ OUR APP. SO MAKE IT CLEAR. LINE STARTED OUT AS A MESSENGER. AND IT STILL IS. CONSIDER THE EXPERIENCE OF CONNECTED SCREENS. THINK TWICE WHEN CHANGING CURRENT DESIGNS. LINE IS PURSUING LONG-LASTING, TRUSTWORTHY AND EASY-TO-USE PRODUCTS. LINE Design Principles
Navy 400 #C8CFDC LINE Blue 400 #96B2FF LINE Gray 100 #FCFCFC LINE Gray 700 #949494 LINE Navy 500 #98A0B3 LINE Blue 500 #638DFF LINE Gray 200 #F5F5F5 LINE Gray 800 #777777 LINE Navy 600 #707991 LINE Blue 600 #4270ED LINE Gray 300 #EFEFEF LINE Gray 900 #555555 LINE Navy 700 #323B54 LINE Blue 700 #2F59CC LINE Gray 400 #DFDFDF LINE Gray 900 #303030 LINE Navy 800 #262F4A LINE Gray 500 #C8C8C8 LINE Black #000000 LINE Navy 900 #202A42
Bologna Carmelita Marsham Clinton Saami Al Samad Wallet News Timeline Chats Home Home 9:41 AM Theme Sticker Services OA Friends Designers Can Make Simple Pages About 10x Faster Than Before It Only Took 2 Mins to Reproduce This Home Tab $