マガジンのカバー画像

デザイン関連

63
運営しているクリエイター

記事一覧

心がけておきたい、デザインの仕事と人格の関係

心がけておきたい、デザインの仕事と人格の関係

デザインの仕事で生き抜くためには、人格なんか変えてやる。40代、氷河期世代の私はそう思ってきました。

自信なくボソボソ話すから信頼されない。それを変えてきた若手時代。

冷静だけど淡々としていて面白くない。それを調整してきた中堅時代。

偉そうで皆に物を言わせない。そうならないように踏ん張る今の時代。

今回のテーマは、デザイナーの人格。成果のために人格を見つめてきた記録です。人格と言うとちょっ

もっとみる

新しい環境でバリューが出せずに悩んでいる場合の解決法

中途での転職など、新しい環境に入った時に自分がバリューが発揮できていない、と焦ったり悩んだりした経験はないでしょうか。

この種の問題については、人によって感じ方や対処法は様々だと思いますが、少なくとも僕自身はそういった状況に大きなストレスを抱えやすい性格です。また、度合いの強弱はあれど多くの人が似たような経験を持っている、またはこれからの人生で経験するのではないかと思います。

大事なことは自分

もっとみる
タイミーに入社し、プロダクトデザインチームを組織化するために実行したこと

タイミーに入社し、プロダクトデザインチームを組織化するために実行したこと

こんにちは、横田です。2024年2月、タイミーにプロダクトデザインマネージャーとして入社しました。

タイミーには、コミュニケーションデザイングループとプロダクトデザイングループが存在し、それぞれマネージャーが在籍しています。
私はハーフコミットの2週間と、正社員3週間がたったところで、プロダクトデザイングループの組織化キックオフをおこないました。ここまでにとったアクションを紹介したいと思います。

もっとみる
FigmaプラグインによるFigmaのハックとワークフローの強化

FigmaプラグインによるFigmaのハックとワークフローの強化

この記事は2022年5月11日に開催されたFigmaのカンファレンス『Config 2022』のセッション内容を記事として再編集した内容ものです

私は医療系テックスタートアップのUbie株式会社でデザインエンジニアをしている谷(@hiloki)です。
この記事では「デザイン業務を少し楽にしたい」そのために自らFigmaプラグインを作ってみたいと考えてもらえるような話をします。

Figmaの特長

もっとみる
Chat GPTを使ってFigmaの面倒な作業を自動化する

Chat GPTを使ってFigmaの面倒な作業を自動化する

この記事は、Figma Advent Calendar 2023の11日目の記事です。

最近Figmaで面倒な作業が発生し、自動化のためのFigmaプラグインのコードをChat GPTに書いてもらったところ大変はかどりました。その手順を説明します。

きっかけエンジニアとの振り返りMTGで、こんな相談を受けました。

解決策はいくつか考えられます。

目視でカウントする

Figmaのデザインシ

もっとみる
「デザインシステム」がよくわからないので、理解の仕方を変えてみる

「デザインシステム」がよくわからないので、理解の仕方を変えてみる

ここ数年「デザインシステム」はIT業界を中心に流行語になっていますが、どうにも「〜システム」と呼んでしまっていることと、実際にそれが指している概念がはっきりしないが故に、私にとっては積極的に使いたくない語になってしまっています。皆さんが「デザインシステム」の語で言及しているものは、本当に同じ概念を指しているのでしょうか?

定義にあたってみる「デザインシステム」「Design system」の言葉

もっとみる
デザイントークンの効果的な命名方法

デザイントークンの効果的な命名方法

サイボウズでkintoneのデザインシステム開発をしているトビ(@0b1tk)です。こんにちは。
今回はデザイントークン、特にセマンティックトークンの命名方法について掘り下げます。

まずはデザイントークンの定義について、W3Cから設立されたデザイントークンの仕様策定をするコミュニティ「Design Tokens Community Group」の定義を引用いたします。

このデザイントークンの名

もっとみる
【命名規則】コンポーネントの名前はどうつけるべき?

【命名規則】コンポーネントの名前はどうつけるべき?

はじめにアプリ開発に携わってから10年以上の月日が経ちましたが、思い返すと数年前はこんな課題がありました。

Design Systemやコンポーネントを使わない場合、開発面でも、対象範囲の把握が難しかったり、一括変更できなかったりなど、課題が多くありました。

上記の課題は、UI制作が成熟してきていて、Design Systemを作成することで解消できるようになりました。

Design Sys

もっとみる
Spotifyのプロダクト戦略をUIの変化から読み解く

Spotifyのプロダクト戦略をUIの変化から読み解く

2018年にSpotifyのiOSアプリでは5つあったタブが3つに変更されました。

長く使われ続けているサービスでは、新しい機能がどんどん追加されていきます。新しいユーザーを増やしたり、現在のユーザーを引きつけ続けることが主な理由で、Spotifyにも様々な機能が追加されています。それにも関わらず主要なナビゲーションのタブを減らすのは勇気のいる選択だと思いました。プロダクト開発に関わっていると実

もっとみる
UI観察:ドロップダウンボタンとスプリットボタンの最適活用術

UI観察:ドロップダウンボタンとスプリットボタンの最適活用術

UI観察の第13弾は「ドロップダウンボタン」について深掘りしていきます。

(その他のUI観察記事はマガジンはこちら ↓)

ドロップダウンボタンとは、リンクのリストの表示/非表示を切り替えることができるボタンを指します。様々なタイプがあり、用途によって使い分けられます。

基本的なドロップダウンボタンの構造Bootstrapの公式にあるボタンが説明としてわかりやすいです。

ドロップダウンボタン

もっとみる
✏️ Learn & Dev:Starkとは? Figma Pluginを使って簡単にアクセシビリティ・チェックしよう!

✏️ Learn & Dev:Starkとは? Figma Pluginを使って簡単にアクセシビリティ・チェックしよう!

スプレッド・シートの手動チェック、面倒な引き継ぎ、アクセシビリティ改善のためにかかるコストにうんざりしてしまっていませんか?

Starkを使用するとアクセス可能なソフトウェアを記録的な速さで作成してテストできます。Webサイト、オンライン・ショップ、モバイル・アプリ、またはSaaS製品を構築している場合でも、Starkはすべてのデザイナー、エンジニア、PM、およびQAの専門家に手動および自動化さ

もっとみる
10年ものアプリのダークモード化プロジェクト、カラー設計の舞台裏

10年ものアプリのダークモード化プロジェクト、カラー設計の舞台裏

こんにちは、ニューズピックスのプロダクトデザイナー、吉川(よっしー)です。

先日、ニューズピックスアプリがダークモードに対応しました。以前からご要望を多くいただいており、昨年末から取り組みはじめ 9月にAndroid版リリース、10月にiOS版もリリースが完了しました。

2013年から今年で10周年を迎えたニューズピックスアプリ。その10年間の歴史を持つアプリをダークモード対応するためのカラー

もっとみる
Segmented Controls と Toggle button の違いについて

Segmented Controls と Toggle button の違いについて

MaterialButtonToggleGroup というものが Android の material-components (*1) に追加されており(*2)、それが iOS の Segmented Controls に似ていたので、同じなのかどうか調べてみました。

Toggle button についてToggle button と聞くと On/Off を切り替えるためのものに聞こえますが、M

もっとみる
デザイン部署が全社で価値を発揮するためのノウハウと実践

デザイン部署が全社で価値を発揮するためのノウハウと実践

こんにちは、クックパッドデザイン推進部の市原です。

2023年の7月末、クックパッドのデザイン横断部署が組織再編によって解散することになりました。
そこで2019年から2023年までの4年間に行われた施策と共に、その施策が行われた目的と、そこで得られた成果を紹介したいと思います。

全社に対してデザイナー組織ならではの価値の届け方、組織改善や課題解決のアプローチのヒントになればと思います!!

もっとみる