UX/UIデザイン

160

本

ゆめみのUX/UIデザインについてまとめています。

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

#figma

デザインブランドをつくるためのビジョンアートワークショップ - ゆめみのデザインブランドをつくる

三ヶ月ほど前になりますが、2023年2月25日にゆめみのデザイナーたちでデザインブランドをつくるためのワークショップを行いました。このnoteでは、ゆめみがなぜデザインブランドをつくるのか、それをどのように進め、何をつくりあげたのかについて、ワークショップを中心にして書いてみます。ゆめみのデザインブランドをつくるということここ数年デザインカンファレンスでトップスポンサーとしての協賛や登壇を重ねて、デザイン領域での認知度を高めているゆめみではありますが、「ゆめみのデザイン

デザインエンジニアが考える、実装に歩み寄るFigmaを使ったWebデザイン

この記事はYUMEMI Design Advent Calendar 2022の14日目の記事になります。お久しぶりです。今年の10月、株式会社ゆめみでデザインエンジニアチームが立ち上がり、チーム移籍をしました。デザインエンジニアの玉子豆腐です。詳しい経緯・デザインエンジニアについては以下の記事をご覧ください。フロントエンド歴が長いので、デザイン面で貢献できる事は何か考えたときに思いついたのが本タイトルでした。「エンジニアってどうやってデザイン部分を実装してるの？

初心者向けFigma UIドリルを作ってみた話

株式会社ゆめみには、未経験デザイナーがスムーズにお仕事に入れるようにするためのスピードアップ支援として、Figmaを勉強するための「UIドリル」というコンテンツがあります。もともと、今年の年始に「4月入社の方に向けて必要そう」と、ラピッドプロトタイプ的に作ってあったものだそうです。4月以降の新卒入社メンバーや、5月に中途UIデザイナーとして入社したばかりの私も活用させてもらいました！そして、ユーザー目線として「もっとこうだったらいいのに」という思いがフレッシュなうちに改

【配布】OGP画像のテンプレートと作成方法

最近OGP画像を作成する機会があり、個人的にFigmaにてテンプレートを作成したのですがせっかくなので配布します〜！✨ 01.そもそもOGPとは？「Open Graph protocol」の略称です。FacebookやTwitter、Google+、mixiなどのSNSでシェアされた際に、そのページのタイトル・URL・概要・アイキャッチ画像（サムネイル）を意図した通りに正しく表示させる仕組みです。 SNSでリンクをシェアする時に各SNS特有のサイズで表示されるサム

【Figma】 vs Adobe XD

Figma 使いつつ、XDのアップデートも復習中です。どっちが使いやすいかな〜と思いながら、比較してみました。注）19/04/11時点です＊今の所、チームメンバーがいるようなプロジェクトだとFigmaが強い印象です◎ ビジュアル作りの速さはAdobe連携でXDが強い気もします…🤔 「いやいや、こんな便利な点で断然こっち！」というお詳しい方、コメントで教えてもらえると嬉しいです◎ せっかくなので、どっち派の人が多いか、アンケートもつけてみたいと思います

【Figma】 Prototype Action

Figmaを使ってスマホUI / web UIを絶賛勉強中です〜☺︎ Figmaがとっても便利なツールなのはわかってきたのですが、インターフェースが英語なのが、私にとっては最初の壁…。プロトタイプのアニメパターンについてはなかなかまとまった記事がなかったので、動きを日本語にまとめてみました。（準備） Design → Prototype に切替 Prototypeに切替ると、ボタンや画面を結ぶ線を出せるようになります。 1.Trigger アクションを起こすト