タグ

articleとdesignに関するefclのブックマーク (8)

  • Design System Generations

    efcl
    efcl 2024/05/03
    デザインシステムについての連載。 デザインシステムとは何か、どのように実践するか、どのようにスケールするかについて
  • 音楽、数学、タイポグラフィ


    2019  PxHere Typography from Hermann Essers (18451908) Draughtsmans Alphabet, from rawpixels own antique edition 00030.jpg GoogleTwitter
    音楽、数学、タイポグラフィ
    efcl
    efcl 2024/04/08
    タイポグラフィとリズムの話。 黄金比とかのフィボナッチ数例をspacingに使うとかの話
  • The Design System Ecosystem

    What does a mature, end-to-end design system look like in a big, complex organization? What are all the moving pieces, and how do they hang together as a well-considered architecture? What’s required and what’s optional? Hold onto your butts, because we’re going to go deep on this one. Let’s start here: a design system’s relationship to digital products can be boiled down like so: There’s a design

    The Design System Ecosystem
    efcl
    efcl 2023/09/30
    デザインシステム <-> プロダクトを取り巻くエコシステムについて。 レシピコンポーネントレイヤー、レシピライブラリ、スマートコンポーネントレイヤー。
  • デザインシステム開発優先度の「難しさ」と「対策」|hikaru-takase /Loglass


      調   Loglass toB SaaS   Loglass note 
    デザインシステム開発優先度の「難しさ」と「対策」|hikaru-takase /Loglass
    efcl
    efcl 2022/11/29
    マルチプロダクト化していく中で複数のプロダクトから参照できるデザインが必要となり、それを解決するためにデザインシステムをどのように進めていくかについて。 デザイントークンの分離、コンポーネントの集中管
  • You Don’t Need A UI Framework — Smashing Magazine

    Developers often reach for UI frameworks like Bootstrap or Material UI, hoping that they’ll save a bunch of time and quickly build a professional-looking app. Unfortunately, things rarely work out this way. Let’s talk about it. Every now and then, someone will ask for my recommendations on UI frameworks. By “UI framework”, I mean any third-party package that is focused on providing styled UI compo

    You Don’t Need A UI Framework — Smashing Magazine
    efcl
    efcl 2022/05/08
    UIフレームワークとデザインについて
  • フロントエンドエンジニアから、デザイナーさんに意識してほしい10のこと|Pittan|note

    フロントエンドエンジニアとデザイナーさんは日々協力してプロダクトを作っていく関係にあります。デザイナーさんが作ってくれたものをエンジニアが素早く実現できるよう、いくつかエンジニアから意識してほしいことをまとめました。 なんでこんな話になったのか(前置きなので次の章まで飛ばしてOKです) デザイナーさんから「この画面をこんな風に作ってください」とXDやSketch、PSDなどいろいろな形で渡されることがあると思います。 僕の個人的な意見・経験ですが、いざ実装するぞとなったときに 「あれ…ここってどうしたらいいんだろう?」 と迷って作業のスピードが落ちてしまうことがとてもストレスに感じていました。できればノンストップでいきたいなあと思うわけです。 手が止まるたび、デザイナーさんに「ここってどうしたらいいですか?」と質問するのが何か新しい画面を作るときに必ず発生していました。 「(いつも聞いてる

    フロントエンドエンジニアから、デザイナーさんに意識してほしい10のこと|Pittan|note
    efcl
    efcl 2018/11/05
    固定のデザインカンプでは考慮を忘れがちなパターンについて。 実データや状態によって変化するデザインについて
  • Visual Breaking Change in Design Systems

    #4 of 6 of the series Releasing Design Systems: Outputs | Cadence | Versions | Breaking | Dependencies | Process Design systems establish a baseline visual style that’s an essential dependency. These choices — color, typography, space and more — are robustly specified and expected to stably, predictably change release by release. When an adopter upgrades, a design system shouldn’t break their stuf

    Visual Breaking Change in Design Systems
    efcl
    efcl 2018/09/16
    デザインとBREAKING CHANGEについて。 デザインにおけるBREAKING CHANGEとはなにかについて解説されてる。 色の変更などはminor、サイズやspaceなどはmajor
  • Best Practices For Mobile Form Design — Smashing Magazine

    About The AuthorNick Babich is a developer, tech enthusiast, and UX lover. He has spent the last 10 years working in the software industry with a specialized focus on … More about Nick ↬ Users can be hesitant to fill out forms. That is why it is our goal as designers to make the process of filling out a form as easy as possible. The primary goal with every form is completion. Two factors have a ma

    Best Practices For Mobile Form Design — Smashing Magazine
    efcl
    efcl 2018/09/02
        

    mobile

    design

    article
     
  • 1