필터
팔로우
-
디자인 씽킹 ⑦ - 고객의 마음을 읽는 지도 'Empathy map'
디자인 씽킹 ⑦ - 고객의 마음을 읽는 지도 'Empathy map'
-
디자인 씽킹 ⑧ - 고객의 진실한 순간을 담는 지도: Customer Journey Map
디자인 씽킹 ⑧ - 고객의 진실한 순간을 담는 지도: Customer Journey Map
-
-
디자인 씽킹 ② - 디지털 트랜스포메이션의 날개를 단 리테일 서비스의 새로운 경험
디자인 씽킹 ② - 디지털 트랜스포메이션의 날개를 단 리테일 서비스의 새로운 경험
-
디자인 씽킹 ① - 디자인 씽킹으로 디지털 트랜스포메이션에 날개를 달자
디자인 씽킹 ① - 디자인 씽킹으로 디지털 트랜스포메이션에 날개를 달자
-
Figma for Edu: Working with components in Figma
Workshop file here: https://www.figma.com/community/file/1282006881523256512/Figma-for-Edu-Monlthy-Workshop%3A-Components
In this workshop we will cover how to create components, component sets, and publish a library so you can improve your workflow with reusable design elements that you can share with your collaborators.
Figma is free to use. Sign up here: https://bit.ly/3msp0OV
Figma is free for students and educators: https://figma.com/education
____________________________________________________
Find us on ⬇️
Twitter: https://twitter.com/figma
Instagram: https://www.instagram.com/figma
LinkedIn: https://www.linkedin.com/company/figma
Figma forum: https://forum.figma.com/
____________________________________________________
#Figma #FigmaEdu #FigJam #Tutorial #NothingGreatIsMadeAlone #design #tips #DesignSystems #Config2023 -
Define your design system's foundations - Lesson 2 part 2 : Introduction to design systems
Figma is free to use. Sign up here: https://bit.ly/3msp0OV
Habitz design system Community file: https://bit.ly/3BVcql4
Video course: https://bit.ly/3WwqzyI
Written course: https://bit.ly/3Oz6nKH
Foundations are the what of your design system. The building blocks you'll use to create product experiences, like visual styles, colors, typography, and components. As well as patterns, like structures, behaviors, and conventions.
____________________________________________________
Resources:
Accessibility:
The Book on Accessibility: https://bit.ly/3WC50gb
Web Accessibility Checklist: Magenta a11y.com: https://bit.ly/3Ow00ru
Color Blind Accessibility Manifesto.com: https://bit.ly/43oIuJO
Adhoc Accessibility Playbook: https://bit.ly/3BP9eHR
Universal Music: Creative Differences Handbook: https://bit.ly/424EM7g
Stark's Public Library: https://bit.ly/3MuiUwf
Book: Accessibility for Everyone: https://bit.ly/3q5KZm6
Fable: Accessible Usability Scale: https://bit.ly/45rZQHB
Color:
WCAG 1.4.1 Use Of Color: https://bit.ly/3OxeqaT
WCAG 1.4.4 Color Contrast: https://bit.ly/3ODYyDp
Figma Community: Plugins For Color Contrast: https://bit.ly/3MS5Kuo
Nielsen Norman Group: Using Color To Enhance Your Designs: https://bit.ly/42TCARb
Color From DesignSystems.com: https://bit.ly/42XuMhg
Figma Community: Resources For Color Palettes: https://bit.ly/43hxP4h
Hubspot’s Color Theory 101: https://bit.ly/3OxkDDx
Type:
Typescale by Sam Smith: https://bit.ly/3WsNmLM
Scaaale by Nicolas Massi: https://bit.ly/3BXDXlP
Kick Start Your Typographic System by Tom Lowry: https://bit.ly/45oGfYW
Typescale.com: https://bit.ly/45upBr0
Other:
A Complete Guide To Iconography: https://bit.ly/432HH1A
Spacing. Grids, and Layouts: https://bit.ly/3ozKTCF
____________________________________________________
00:00 - Introduction
00:08 - Foundations
00:35 - Accessibility
01:39 - Color
02:50 - Try it out
03:08 - 60 / 30 / 10 Rule
03:36 - Accessibility considerations for color
03:58 - Web Content Accessibility Guidelines
04:42 - Typography
05:01 - Choosing a font
05:42 - Type scale
06:32 - Typography grid tip
06:46 - Type scale hierarchy
07:43 - Limits to a type scale
08:19 - Try out an audit
8:43 - Elevation
9:12 - Elevation Tip
9:32 - Bonus elevation tip
9:45 - Iconography
10:01 - Icon system styles
10:37 - Testing an icon
11:12 Try out search terms for icons
11:36 - Icon size, container and padding
11:58 - Icon styles needs
12:15 - Icon grid
12:22 - Grids, layouts and spacing
12:51 - Layouts and breakpoints
14:13 - Responsive or fluid breakpoints
14:28 - Grids
14:39 - Column grids
15:20 - Baseline grids
16:05 - Modular grids
16:36 - Spacing
17:33 - Inconsistency
17:56 - Systematic thinking
18:10 - Patterns
19:14 - Wrap up
____________________________________________________
Find us on ⬇️
Twitter: https://twitter.com/figma
Instagram: https://www.instagram.com/figma
LinkedIn: https://www.linkedin.com/company/figma
Figma forum: https://forum.figma.com/
____________________________________________________
#Figma #Config #FigJam #Tutorial #NothingGreatIsMadeAlone #design #tips #DesignSystems -
AB 테스트 (A/B test)
AB 테스트(A/B Test)는 기존 요소로 구성된 A안과 특정 요소를 변형한 B안을 비교해 더 나은 성과를 나타내는 방법이 무엇인지 측정하는 실험입니다. AB 테스트의 정의, 진행 방법, 유의 사항 등에 대해 알아봅시다.
-
2023년 달라지는 주요 사업 세금 정책 7가지는?
종종 ‘매년 바뀌는 세금 정책을 다 알아야 하나’ 생각하는 사장님이 계신데요. 세금 정책은 사업에 많은 영향을 주기 때문에 꼼꼼히 파악해둬야 해요. 사장님이 번거롭지 않도록 올해 달라지는 주요 세금 정책들을 이해하기 쉽게 알려드릴게요. 사장님 상황별로 꼭 기억해야 할 항목은 무엇인지 살펴보세요.
-
폰트 디자이너는 어떻게 폰트를 만들까?
구글의 노토 산스(Noto Sans), 애플의 샌프란시스코(San Fracisco) 등 우리가 접하는 폰트는 다양해졌다. 브랜딩·마케팅 등 다양한 목적을 위해 폰트가 생기고 있지만, 최근 들어 그 중요성이 더욱 부각됐다. 과학기술의 발전으로 비대면으로 할 수 있는 것은 많아졌고, 그만큼 디바이스에 대한 의존율도 높아졌다. 디바이스 화면에 텍스트가 없던 때가
-
How React ACTUALLY works (DEEP DIVE 2023)
Are you already working with the JavaScript framework React? Or do you want to learn it? No matter how much experience you have, this video will teach you how React work in detail! Some of the topics include, what is React, how can it be used in existing projects, how does reactivity work, how does React keep the UI in sync with the data and more.
If you found this video helpful,
please give it a like 👍 and subscribe 📨 for more.
🐦 Follow me on Twitter
https://twitter.com/0xAndriy
⏰ Timestamps
0:00 Intro - What is React and what is it not?
0:50 How to add React to (most basic way)
2:24 React in combination with other tools
3:21 What is JSX?
5:17 Downside of JSX
6:00 How React updates the DOM
6:10 Updating the DOM - 1. Trigger
8:33 Updating the DOM - 2. Render
9:11 Updating the DOM - 3. Commit
9:35 Why do we need the Virtual DOM?
10:31 React diffing algorithm
12:18 State persistence
📎 Helpful links
React Docs: https://react.dev/
🎵 Where I get my music from
Epidemic Sound: https://www.epidemicsound.com/referra...
🤝 Services I use
NordVPN - https://go.nordvpn.net/SH4vc
🎥 My gear
Monitor - Dell S3423DWC 34
https://amzn.to/3XcAXuR
Headphones - AKG K240 Studio
https://amzn.to/3J7vAZJ
Earbuds - Jabra Elite 4 Active
https://amzn.to/3Hm4k8M
Mic - HyperX SoloCast
https://amzn.to/3QLS6tg
Keyboard - Apple Magic Keyboard
https://amzn.to/3GDz9UO
Trackpad - Apple Magic Trackpad
https://amzn.to/3CQAq9P
Camera - Sony a6400
https://amzn.to/3w4d7Wf
Lens 1 - Sony 16-50mm f/3.5-5.6
https://amzn.to/3iDSk99
Lens 2 - Sony - FE 50mm F1.8 Standard Lens
https://amzn.to/3GHFheU
Lens 3 - Samyang SY12M-E-BK 12mm F2.0
https://amzn.to/3WclDgM
📬 Inquiries (Collabs, Sponsorships etc.)
frontstartdev@gmail.com
