マガジンのカバー画像

UI/UX design

16
crage社内で共有されているFigmaの情報やcrageUI/UXdesign領域に関するnoteをまとめています。
運営しているクリエイター

記事一覧

オススメのFigmaプラグイン

こんにちは、デザイン×エンジニアリング×ディレクションをベースに「新しい価値観」を創造するクリエイティブ集団、crage(くらげ)株式会社のデザインチームのKです! 今回はcrageデザインチームのメンバーから聞いた、オススメのFigmaプラグインをご紹介いたします。 現状、crageではFigmaとXDの2つのデザインツールを使っています! チーム内でもXDをメインに使っていてFigmaはまだ使い始めて間もないというメンバーもいるので、これからどんどん使ってみたいプラグ

XDとの違いと基本構造編 - Figmaを使えるようになろう! vol.1

こんにちは。デザイン×エンジニアリング×ディレクションをベースに「新しい価値観」を創造するクリエイティブ集団、crage(くらげ)株式会社のデザインチーム、Figmaをバリバリ使ってきたガッキー🙋‍♀️と、XDからFigmaに乗り換えたナンシー🙋🏻‍♀️ です。 crageでは今までメインツールとしてXDを利用してきました。しかし、crageのディレクターチームでも「Adobe XDの消失」が話題になっていましたが、今後デザインツールは、XDではなくFigmaが一般的になっ

XDユーザーのお困りごと6選 - Figmaを使えるようになろう! vol.2

こんにちは。デザイン×エンジニアリング×ディレクションをベースに「新しい価値観」を創造するクリエイティブ集団、crage(くらげ)株式会社のデザインチーム、Figmaをバリバリ使ってきたガッキー🙋‍♀️と、XDからFigmaに乗り換えたナンシー🙋🏻‍♀️ です。 crageでは今までメインツールとしてXDを利用してきました。今は徐々にFigmaに移行中です。 そんなcrageでは、Figmaの勉強会を実施しています。 今回は、その勉強会の中から、「XDのあの機能はどこにい

超便利なオートレイアウト 基本編 - Figmaを使えるようになろう! vol.3

こんにちは。デザイン×エンジニアリング×ディレクションをベースに「新しい価値観」を創造するクリエイティブ集団、crage(くらげ)株式会社のデザインチーム、Figmaをバリバリ使ってきたガッキー🙋‍♀️と、XDからFigmaへ乗り換え真っ只中のドリー🙋🏻‍♀️ です。 crageでは今までメインツールとしてXDを利用してきました。今は徐々にFigmaに移行中です。 そんなcrageでは、Figmaの勉強会を実施しています。 今回は、その勉強会の中から、「勝手にマージンやパディ

UI/UXデザイナーが抱える4つ悩みと解決策

こんにちは。デザイン×エンジニアリング×ディレクションをベースに「新しい価値観」を創造するクリエイティブ集団、crage(くらげ)でUI/UXデザイナーをしているナンシーです。 UI/UXデザイナーとしてcrageで働き始めてもうすぐ4年がたちますが、crageはデザイナーにとって「すごくいい職場だな」と常々思っています。それはデザイナーが抱く課題に対してcrageでは解決策が存在しているからではないか、と考えました。 ついては、私がよく聞く、UI/UXデザイナーさんが抱え

チームワークが個人をより「プロ」にする?「プロのデザイナー」の才能をより高めるには

はじめまして。デザイン×エンジニアリング×ディレクションをベースに「新しい価値観」を創造するクリエイティブ集団、crage(くらげ)株式会社でUI/UXデザイナーをしているナンシーです。 「プロ」のデザイナーみなさま。技術力、どのように向上させていますか? 「プロ」になればなるほど、自身の技術力を向上させることは難しいのではないでしょうか。 私の場合、デザイナーになったばかりの頃は、手を動かせば動かすほど、デザインの当たり前を学び、アイディアの引き出しが増え、自身でも成長

拝啓 事業会社と制作会社で迷えるデザイナーさんへ 〜制作会社のUI/UXデザイナーは何者なのか〜

こんにちは。デザイン×エンジニアリング×ディレクションをベースに「新しい価値観」を創造するクリエイティブ集団、crage(くらげ)株式会社でUI/UXデザイナーをしているナンシーです。 事業会社でのデザイン職に憧れている、そこのあなた。制作会社での仕事の魅力をご存知ですか?いや、謎ですよね。だって、UI/UXデザイナーといえば、事業会社のイメージがありますもん。私もそう思います。 私の前職は事業会社でした。その上で、今、クライアントワークメインのcrageにいます。cra

【デザイナー向けSEOチェックリスト】デザイン観点からのアプローチ

こんにちは。デザイン×エンジニアリング×ディレクションをベースに「新しい価値観」を創造するクリエイティブ集団、crage(くらげ)株式会社でUI/UXデザイナーをしているナンシーです。 SEO対策は、デザイナーにとって少し分かりにくい領域ですよね。 今回は、私の経験(以前は求人サイトでSEOを中心に扱うマーケターでした)を活かし、デザイナー視点でのSEOの重要ポイントを紹介します。SEO情報は常に更新されているので、新しい情報があればコメントで教えてください! SEOと

デザイナーが悩んだ時のネクストアクションへの3ステップ

こんにちは。デザイン×エンジニアリング×ディレクションをベースに「新しい価値観」を創造するクリエイティブ集団、crage(くらげ)株式会社でUI/UXデザイナーをしているナンシーです。 デザイナーの皆さん、プロジェクトを進めている中で、「あれ、次、何をすればいいんだっけ」と迷ってしまう……そんな経験はありませんか?この記事では、crageのデザインチームで行った勉強会の資料を元に、シンプルだけど効果的な3ステップをご紹介します。ちょっとしたコツで、スムーズに仕事を進められる

404エラー(Not Found)ページ - UIデザインチェックリスト

こんにちは。デザイン×エンジニアリング×ディレクションをベースに「新しい価値観」を創造するクリエイティブ集団、crage(くらげ)株式会社のデザインチーム、にゃん吉です😽 crage社内には、デザインを作りながら確認するためのUIデザインチェックリストが存在します。 各案件によって柔軟に対応するため、このリストを絶対的に正しいものとはせず、あくまで指針として用意しています。 今回は、「404エラー(Not Found)ページ」のチェックリストをご紹介します。 ※2023年7月

検索窓・フォームをデザインする時の13ポイント

こんにちは。デザイン×エンジニアリング×ディレクションをベースに「新しい価値観」を創造するクリエイティブ集団、crage(くらげ)株式会社のデザインチームのナンシーです。 crage社内には、デザインを作りながら確認するためのUIチェックリストが存在します。 各案件によって柔軟に対応するため、いつでもこのリストを正しいとはせず、あくまで指針として用意しています。 今回は、「検索窓・フォーム」のチェックリストから13ポイントに絞ってご紹介します。 ※2023年5月29日更新 な

ボタン - UIデザインチェックリスト

こんにちは。デザイン×エンジニアリング×ディレクションをベースに「新しい価値観」を創造するクリエイティブ集団、crage(くらげ)株式会社のデザインチームのナンシーです。 crage社内には、デザインを作りながら確認するためのUIデザインチェックリストが存在します。 各案件によって柔軟に対応するため、いつでもこのリストを正しいとはせず、あくまで指針として用意しています。 今回は、「ボタン」のチェックリストをご紹介します。 ※2023年1月18日更新 アイコン編はこちら テ

テキストフィールド - UIデザインチェックリスト

こんにちは。デザイン×エンジニアリング×ディレクションをベースに「新しい価値観」を創造するクリエイティブ集団、crage(くらげ)株式会社のデザインチームのナンシーです。 crage社内には、デザインを作りながら確認するためのUIデザインチェックリストが存在します。 各案件によって柔軟に対応するため、いつでもこのリストを正しいとはせず、あくまで指針として用意しています。 今回は、「テキストフィールド」のチェックリストをご紹介します。 ※2023年2月17日更新 なお、会員登

ログインページ - UIデザインチェックリスト

こんにちは。デザイン×エンジニアリング×ディレクションをベースに「新しい価値観」を創造するクリエイティブ集団、crage(くらげ)株式会社のデザインチームのナンシーです。 crage社内には、デザインを作りながら確認するためのUIチェックリストが存在します。 各案件によって柔軟に対応するため、いつでもこのリストを正しいとはせず、あくまで指針として用意しています。 今回は、「ログインページ」のチェックリストをご紹介します。 ※2023年3月13日更新 ▼テキストフィールドのU