samsungsds.com

디자인씽킹 기반의 업무문화 혁신

이론과 예시를 통한 디자인씽킹

AriRaNg

youtube.com

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

AriRaNg

youtube.com

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

AriRaNg

oliveyoung.tech

웹사이트 최적화 방법 - 이미지 파트 | 올리브영 테크블로그

이미지 최적화로 웹 성능을 향상시키는 방법

yuli_kim

ascentkorea.com

AB 테스트 (A/B test)

AB 테스트(A/B Test)는 기존 요소로 구성된 A안과 특정 요소를 변형한 B안을 비교해 더 나은 성과를 나타내는 방법이 무엇인지 측정하는 실험입니다. AB 테스트의 정의, 진행 방법, 유의 사항 등에 대해 알아봅시다.

김새롬

wix.com

사업 아이디어를 찾는 9가지 방법

좋은 사업 아이디어를 찾고 있으신가요? 독보적이면서 새로운 비즈니스를 시작하기 위해 꼭 알아두어야 하는 방법 9가지를 지금 확인해 보세요!

Dev_Hong

tosspayments.com

2023년 달라지는 주요 사업 세금 정책 7가지는?

종종 ‘매년 바뀌는 세금 정책을 다 알아야 하나’ 생각하는 사장님이 계신데요. 세금 정책은 사업에 많은 영향을 주기 때문에 꼼꼼히 파악해둬야 해요. 사장님이 번거롭지 않도록 올해 달라지는 주요 세금 정책들을 이해하기 쉽게 알려드릴게요. 사장님 상황별로 꼭 기억해야 할 항목은 무엇인지 살펴보세요.

김새롬

pixso.net

세상에 넘쳐나는 시각 디자인

최근 시각 디자인은 디지털과 현실의 경계가 모호해지고 한 분야 디자인만 고집하지 않는 추세입니다. 이를 가리켜 '크로스미디어' 디자인이 유행한다고도 하죠. 아래에서는 여러 가지 시각 디자인 종류를 살펴보겠습니다.

김새롬

ditoday.com

폰트 디자이너는 어떻게 폰트를 만들까?

구글의 노토 산스(Noto Sans), 애플의 샌프란시스코(San Fracisco) 등 우리가 접하는 폰트는 다양해졌다. 브랜딩·마케팅 등 다양한 목적을 위해 폰트가 생기고 있지만, 최근 들어 그 중요성이 더욱 부각됐다. 과학기술의 발전으로 비대면으로 할 수 있는 것은 많아졌고, 그만큼 디바이스에 대한 의존율도 높아졌다. 디바이스 화면에 텍스트가 없던 때가

김새롬

wix.com

2023년에 다시 떠오르는 로고 트렌드 11선

2023년 우리에게 새로운 영감을 줄 로고 트렌드는 어떤 것들이 있을까요? 그라데이션부터 애니메이션, 그리고 클래식한 로고 스타일까지 지금 바로 알려드립니다!

김새롬

youtube.com

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

dracure

wishket.com

온라인 마케팅 동영상 만들기 | 요즘IT

예전에는 주로 제품의 이미지와 텍스트로 주목을 이끌었다면, 이제는 온라인 동영상으로 소비자에게 직접 보여주는 시대가 되었습니다. 이것이 바로 온라인 동영상 마케팅이고, 실제로 온라인 마케팅 동영상 시장은 급성장하여 온라인 마케팅 환경을 변화시키고 있고, 그 중심에 구글의 애플리케이션 유튜브가 있습니다.

딜아이트

brunch.co.kr

[브런치북] 스타트업을 위한 전시 마케팅

스타트업에게 전시회는 가장 효율적인 마케팅 수단중 하나입니다. 온라인과 오프라인이 융합되는마케팅 환경에서 전시회 참가를 통해 투자유치와 홍보, 판매 계약을 이루고 싶은 스타트업이라면 일독을 권합니다.

딜아이트

brunch.co.kr

[브런치북] 트렌드의 의미

트렌드가 가지는 의미, 그 의미에 대한 고찰을 통해 디지털마케팅을 위해 꼭 알아야 할 지식들을 구비한다.

도봉도봉

tistory.com

코틀린 setter, 어디까지 써봤니?

1) 서론 혹시 이도저도 못 하는 경험을 해보신 적 있으신가요? 저는 식당에서 메뉴를 고르는 것을 어려워하는데요. 특히 중국집에서 절정에 다다릅니다. 짜장면을 시키면, 매콤한 짬뽕국물이 먹고 싶어 집니다. 하지만 짬뽕을 시켰을 때 너무 매우면 어쩌지 하며, 짜장면이 먹고 싶기도 합니다. 그러면서 볶음밥을 먹는 게 더 좋지 않을까 고민합니다. 중요한 것은 무

dracure

tistory.com

모든 햄버거는 다르다, Strategy Pattern

1) 서론혹시 무언가를 얻기 위해 협상을 했던 적이 있나요? 어릴 적 어린이날 선물을 받고 싶어 부모님께 청소를 열심히 하겠다고 했던 적이 있는데요. 당시 부모님께서 자신이 먹은 그릇을 치우고, 어지럽힌 것을 치우는 것은 당연하다고 말씀하셨던 게 기억이 납니다. 청소라는 전략을 사용해서는 어린이날 선물을 받을 수 없다는 것을 깨닫고, 어린이날까지 높임말을

dracure