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

youtube.com

인물사진강좌

인물 사진 촬영 총정리

AriRaNg

velog.io

💻 당신의 사이드 프로젝트를 위한 10가지 팁

이 글은 유튜브채널 Traversy Media의 영상 중 당신의 사이드 프로젝트를 위한 10가지 팁이라는 영상의 내용을 정리한 글입니다.

AriRaNg

netflixtechblog.com

Engineering to Improve Marketing Effectiveness (Part 1)

This statement has become the driving force on our Advertising Technology (AdTech) team. With a slate of great original content to promote, Netflix has a unique opportunity to use both earned and…

AriRaNg

github.io

[번역] 마케팅 효과를 높이기 위한 엔지니어링 (feat. 넷플릭스)

이 글은 넷플릭스 기술 블로그에 올라온 Subir Parulekar, Gopal Krishnan의 글 ‘Engineering to Improve Marketing Effectiveness’ 의 번역 버전입니다. Part1, 2, 3 저자의 허락하에 번역하였으며, 이해 부족과 번역...

AriRaNg

naver.com

스타트업 투자자의 '기업가치' 산정 관점 3가지

스타트업 투자자의 '기업가치' 산정 관점 3가지 기고자 소개 약 15년간 전 세계 50개국에서 1차 ...

AriRaNg

ditoday.com

챗GPT로 UX 라이팅을 해봤습니다 - DIGITAL iNSIGHT 디지털 인사이트

못 하는 게 없어 보인다. 주력 분야인 글쓰기는 특히 더 그렇다. ‘텍스트 생성’에 특화된 인공지능 챗GPT 이야기다. 전문적인 보고서부터 정부 보도자료, 기업 홍보 및 마케팅 문구까지 ‘챗GPT 덕 좀 봤다’는 일화가 수두룩하다. 그래서 궁금해졌다. 챗GPT는 과연 UX 라이팅도 잘 할까? 결론부터 말하자면, 챗GPT 아직 갈 길이 멀다.

AriRaNg

brunch.co.kr

피그마 32가지 기능업데이트

어떤 것들이 업데이트되었을까? | 이번 피그마 업데이트는 상당히 놀라운 것 같다. 어도비가 28조를 들여 인수한 피그마에게 자사 기술을 전면적으로 지원하여 업데이트한 것 같다. 피그마에서 이루어진 32가지 업데이트를 자세히 알아보도록 하자. 업데이트 내용 다음 링크로 이동하면 어떤 것들이 업데이트되었는지 재미있게 확인해 볼 수 있다. 1. On-can

AriRaNg

youtube.com

2023년 바뀌는 일자리 지원금 15가지 총정리! 청년, 중장년, 노인

2023년 정부에서 지원하는 일자리 지원금 총정리!

일자리 함께하기
신중년 적합직무 고용지원
고용촉진장려금
국내복귀기업 지원
일•가정 양립 환경개선 지원
출산육아기 고용안정 지원
대체인력 고용 지원
워라밸일자리 장려금
청년 일자리도약장려금
고령자 계속고용장려금
고령자 고용지원금 제도
장애인 신규고용장려금
장애인고용장려금
구직촉진수당
조기취업성공수당

#지원금 #일자리 #장려금

AriRaNg

brunch.co.kr

[AI 기초] I-1. 인공지능의 개념과 특성

모두의 인공지능 기초 | 인공지능이 이제 공교육 속으로 들어왔습니다. 정보 교과에 '인공지능 기초' 과목이 진로 과목으로 도입되었으며, 고등학교 학년 구분없이 언제든 배울 수 있도록 편성할 수 있습니다. 하지만 시대적 수요와 달리 인공지능 기초를 가르칠 선생님들은 턱없이 부족하죠. 사범대 컴퓨터 교육과의 예전 교육과정에서는 개설이 되지 않았던 내용이기에

AriRaNg

youtube.com

10 Tips For Starting & Creating Side Projects

In this video we will be talking about starting and creating side projects

Syntaxfm Podcast:
https://syntax.fm/

Sponsor: DevMountain Bootcamp
https://goo.gl/6q0dEa

💖 Become a Patron: Show support & get perks!
http://www.patreon.com/traversymedia

Udemy Courses:
https://www.traversymedia.com

Follow Traversy Media:
https://www.facebook.com/traversymedia
https://www.twitter.com/traversymedia
https://www.instagram.com/traversymedia

AriRaNg

nesslabs.com

AI and I: The Age of Artificial Creativity

A new generation of AI tools is taking the world by storm. The advent of such powerful AI tools begs the question: what does it mean to be a creator or knowledge worker in the age of artificial creati

AriRaNg

kvicnewsletter.co.kr

vol.23-02::KFoF Issue :: 모태 출자펀드 동향

모태 출자펀드 동향
신규 결성 모태 출자펀드 (2022년 12월)

AriRaNg

rememberapp.co.kr

벤치마킹만으론 답을 낼 수 없다

벤치마킹을 통해 실행한 액션이 실제로 기대만큼의 효과를 내는 일은 많지 않습니다. 분명 저 회사도 이 방법으로 성과를 냈는데, 내가 하는 일에 적용하면 어딘가 어긋난 것 같고 결과도 아쉬운 경우가 많죠. 왜 그럴까요?

AriRaNg

youtube.com

인공지능 ChatGPT를 내 일과 비즈니스에 활용하는 방법 - 온라인 밋업 녹화

인공지능을 적극적으로 활용해서 프로젝트를 하고 있는 분들의 사례를 공유합니다. AI와 노코드를 어떻게 활용할 수 있을지 영상을 통해 영감을 얻어가시길 바랍니다.

00:00 오프닝
00:23 1. 이정민 : 이미지 생성 AI와 노코드를 활용해 만든 스모어데이
09:43 2. 윤근영 : ChatGPT를 이용한 아이디어 뽑아내기
23:45 3. 송준용 : ChatGPT로 1페이지에 노출되는 콘텐츠 만들기
43:25 4. 장병준 : GPT3 API를 내 프로젝트에 적용하는 방법
1:02:16 질의응답

[발표 자료 공유]
1. 이정민님 발표 자료 : https://drive.google.com/file/d/1ZvrfRcLlUzd95YrgF3Bp7Q9P72Pr6vne/view?usp=sharing
2. 윤근영님 발표 자료 : https://www.notion.so/ChatGPT-afde9a3e0ab14649b0cf1a476630d3bb
3. 송준용님 발표 자료 : https://drive.google.com/file/d/1r3WIWoqy0pohpkNbPBMdf-Sow4TEKrL1/view?usp=sharing
* 송준용님 블로그 지니 활용에 대한 블로그 : https://www.andysong.live/chatgpt-googledocs-integration-guge/
4. 장병준님 발표 자료 : https://drive.google.com/file/d/1gOyhW76o2yNQ7unCg_UQKSpxlBKPdo8t/view?usp=sharing
* 장병준님 관련 블로그 : https://blog.nocodecamp.kr/lesson-learned-from-chatgpt/

[관련 커뮤니티 추천]
• 한국 노코드 커뮤니티 : https://open.kakao.com/o/gIEwXLhc (최신 참여코드는 https://www.nocodekorea.org/t/780 에서 확인)
• ChatGPT 사용자 모임 (2번방) : https://open.kakao.com/o/gumLW00e (참여코드 gpt3)

#ai #chatgpt #nocode #인공지능 #챗gpt #노코드

AriRaNg