본문 바로가기
닫기
필터

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

    9

    samsungsds.com

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

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

    AriRaNg

  • Figma for Edu: Working with components in Figma

    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

  • Define your design system's foundations - Lesson 2 part 2 : Introduction to design systems

    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

  • AB 테스트 (A/B test)

    ascentkorea.com

    AB 테스트 (A/B test)

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

    김새롬

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

    wix.com

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

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

    Dev_Hong

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

    tosspayments.com

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

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

    김새롬

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

    pixso.net

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

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

    김새롬

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

    ditoday.com

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

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

    김새롬

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

    wix.com

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

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

    김새롬

  • How React ACTUALLY works (DEEP DIVE 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

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

    3

    wishket.com

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

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

    딜아이트

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

    14

    brunch.co.kr

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

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

    딜아이트

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

    20

    brunch.co.kr

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

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

    도봉도봉

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

    tistory.com

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

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

    dracure

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

    tistory.com

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

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

    dracure

라이브러리에 저장

좋아하는 강좌들을 수집하고 관리하고 공유하세요

닫기