zyefu @syouwabandori @63cities 成る程、うちは更に 子供が小さい頃から、車でボカロ　ニコニコ動画曲を流して来た結果… うちの娘の最新オタ曲プレイリストの完成である 2021-12-12 20:18:00

ここの画面ではメインボタンの「START」を目立たせたいのですが、右上のボタンに目がいってしまいます。 右上に目がいってしまうのは、最後に動く箇所に視線が移動するので不必要に右上に視線が誘導されます。 他にもコントラストや動き量がメインボタンよりも大きく変化しているため、いやでも目についてしまいます。 不必要に待たせている 最後に動かすところに視線が行きますが、視線をメインボタンに向けさせようと最後のアニメーションを長くしてしまった結果、ユーザーがアニメーションによって待たされている状態になってしまいました。 メインボタンはすぐに押してゲームを遊べることが大切になるので、最後にボタンを大きく動かして目立たせてもユーザーは早く押させて欲しいと思ってしまうので、アニメーションは短くサッと出して上げてユーザーが気持ちよく行動できるといいですね。 動き過ぎ、優先順位が曖昧 全てが動き過ぎてしまい、

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

2020年1月に行われた Design Matters Tokyo のセッションでUXライティングについて学んだので記事にまとめます。 Slack社でUXライティングに取り組んでいるアンドリューさんのお話で、実際にUXライティングするワークショップも体験したので共有したいと思います。 Slack社のアンドリューさん UXライティングとはUXライティングとは、ソフトウェアやインターフェースを言葉で対話可能にすることを目的としたコピーです。 ユーザーの行動フローを理解し、専門用語を使わずに対話できるインターフェースを設計する職種のことを「UXライター」と呼んでいますが、まだまだ新しく誕生した職種のためいろいろと模索しているとのことです。 特にSlackでは人とのつながりの構築を意識してUXライティングに取り組んでいて、 どうやったら人と繋がれるのか。 どうやったら言葉で人と寄り添えるのか。 ど

日本4都市でBacklog勉強会を“自主開催” 岡山の老舗企業「両備システムズ」が成功した業務管理の一元化とBacklogを浸透させる取り組みとは Backlog導入前の課題 ■ グループ会社8社、国内4都市に拠点があるため、情報の共有や展開がなかなか進まない ■ 業務プロセスがメール、エクセル、社内システムなど複数のツールにまたがるため、業務情報が拡散している ■ ツールが複数あるので情報の転記による二度手間が頻発。更新が漏れることも多く、情報の整合性がとれない ■ 入力データの信頼性が乏しいので、プロジェクト改善や品質改善に活かすことができない Backlog導入後の効果 ■ Backlog導入でグループ会社8社の業務情報の管理が標準化できた。社員の90%にアカウント付与 ■ 「社内のデータベース」としてBacklogが機能し、複数のツールにまたがっていた情報を一つに集約 ■ 情報の転

あろーあろー みなさま、クリスマス・イブですねっ。🎄🎅🎉 ピヨっ子デザイナーのみなさんはこんな悩みはありませんか？ 「デザイナーになったけど成長するにはどうすればいいんだろ〜？」 「デザイン系の本や記事を読みあさっているけど…ちゃんと自分の中に取り込めているかわからない〜」「実務ゴリゴリやっているけど、これ以上何をしたら…」 先輩デザイナーさんたちはこんな悩みはありませんか？ 「うちのデザイナーの子たちもちゃんと育ってはいるんだけれども、なんか最近伸び悩んでる？」「アドバイスはしてるけど、成果物をみると伝わってないみたい…」 そしてこんな悩みを持っているデザイナーさんはいませんか？ 「いつもドヤってデザイン出してるけど、このデザインで良いかな…ホントはちょっと自信ないよ〜」「もっと良いもの作りたいけどこれが自分では限界！」「デザイン作業って孤独…」 今日はそんな悩めるデザイナーさんた

どうもご無沙汰しておりますせんざきです。 最近、デザインを見る訓練をすごく重視してやっています。 このテーマは、タイトルだけ書いておいて、まだ書く時じゃないなあと思いながら温めていたものです。 正直まだ、書く時じゃないなあという感じもするのですが、どういうことなのか言語化できそうな段階まで来たので、メモがわりに書き起こしていこうと思います。 はじめにまず、「デザインを見る訓練ってなんやねん」っていう話をします。 本当にここ数ヶ月、デザイナーにとっての見る力の大切さを日々感じているんです。 このツイートは、見る力について書いていて、結構反響があったものです。 原研哉さんが運営してる低空飛行っていうサイトがあるんですけど、ここの写真や映像、iPhoneで撮ってるらしい、、 目が良ければiPhoneでもこんなに綺麗に撮れるんだなあhttps://t.co/S7WBO3JSG8 pic.twitt

[デザインが苦手なウェブディレクター向け] これだけ覚えればデザイナーに指示できる！アートディレクション15の定番パターン ウェブデザイナーが作った成果物に対して、満足はしていないのだけどうまく言語化できなくてどうやって指示したらいいか分からない、あるいはクライアントからのフィードバックをどう咀嚼して伝えていいか分からない、結果的にデザイナーを上手くディレクションできていない.......。そんなお悩みをもったウェブディレクターいませんか？ ここでは実際のデザインを見た時に感じること・あるいはクライアントが指摘しがちなことについての「あるある」を、15の事例に集約してまとめてみました。デザイナーとコミュニケーションしてデザインをブラッシュアップする上での、ある種のアートディレクションの手引きとして活用してもらえればと思います。 1.「野暮ったい」と感じたら・言われたら。 「野暮ったい」とは

初めまして、ameko(@tk04amedama)と申します。 普段は都内の制作会社でWEBデザイナーをしています。 と言ってもまだまだ新米なので、日々勉強中です。 その勉強の一環で、最近のWebサイトで使われている メインビジュアルの構図を一覧にしてまとめた画像をTwitterに投稿してみたところ、思いがけず多くの方に反応いただけたので、その後に行っていた構図ごとの分類分けや分析も公開してみようと思い、初めてnoteに投稿してみました。 はじめに集めたサイトの数は全部で７０個。自分の仕事の参考のために集めたものなのでほとんどがBtoB向けサイトです。（BtoC向けサイトだと、この構図一覧もまた、全然違うものになりそうだなと思う。） 構図の名前は、なんとなく自分なりに語呂がいい名前をつけているだけなので、あまり突っ込まずふんわり流していただけると幸いです。（もしこの構図の正式名称とかあった

毎日ちょっとずつ、デザインを学ぼう毎日ちょっとずつデザインを学ぼうIT/Web業界のデザイン学習サイト

はじめにみなさんXD使ってますか？XDって みたいなイメージありますよね。サービスやアプリのUIには便利そうだけど、例えば↓こんなデザインを作る場合、IllustratorやPhotoshopの方が向いていそうに見えます。なぜなら、 XDでデザインする場合、↓こんな風にPhotoshopで画像を補正して書き出して…Illustratorでアイコンを作成して書き出して…変更を繰り返すには、ちょっと手間です。 IllustratorやPhotoshopのように、psdやaiファイルをそのままリンクできたら…しかしXDにリンク機能はありません。「読み込み」をすると、オブジェクトとしてファイルの中身が読み込まれます。 しかし、CCライブラリを使うと、psdやaiをリンクするように、編集の呼び出しや変更内容の同期が素早く行えるようになります。 - CCライブラリとは？AdobeのCreativeCl

グラフィックデザインが苦手。 私の会社の後輩デザイナーもそうだし、UI/UXからキャリアをはじめたジュニアデザイナーからよく聞く言葉です。 私は元々大学でグラフィックデザイン(正確にはコミュニケーションデザイン)を専攻しており、実務としても2年以上グラフィックデザイナーとして経験を積んでいるので言わばグラフィック上がりのUI/UXデザイナーです。そのためグラフィックデザインが苦手ということはありません。 UI/UXデザイナーであったとしても事業会社にいるとちょっとしたイベントのバナーやフライヤーを作ったり、資料の見栄えを良くしたりとグラフィックデザインのスキルが要求されることが多々あるかと思います。そんなときに苦しんでしまうようなデザイナーに向けてグラフィックデザインの上達へのアプローチ方法とトレーニング方法を今回はまとめてみました。 私が全くグラフィックデザインのスキルがなかった頃から今

ベイジで新評価システムの運用を開始するにあたって作った、仕事と給与と評価の関係を説明した社内向けのスライドです。会社や経営者によって考え方は変わると思いますが、できるだけ分かりやすく、一般化してみました。何かの参考になれば幸いです。

この記事では、Adobe XDにインストールしておくことで、デザイン制作をより快適にしてくれる無料プラグインをまとめてご紹介します。 実際にAdobe XDにインストール、使用してみて便利だったプラグインのみを厳選しています。プラグインを利用して、制作スピードを爆速にしてみませんか。 コンテンツ目次 1. プラグインが利用可能に 2. Adobe XDプラグインのインストール方法 3. Adobe XDプラグインの使い方 4. おすすめ無料プラグイン（デザイン効率化） 5. おすすめ無料プラグイン（コンテンツ生成） 6. おすすめ無料プラグイン（描画デザイン系） 7. おすすめ無料プラグイン（コラボレーション・ハンドオフ系） 8. ショートカット機能で作業効率をさらにアップ Adobe XDでプラグインが利用可能に Adobe XDは定期的にアップデートが行われており、昨年10月にリリース

みなさん、こんにちは！ふくだです。 4月に入り、環境が変わった方も多いのではないでしょうか。 新しいスタートをきったみなさん、おめでとうございます！ 今回はそんな新しい環境にとびこんだ新人デザイナーさんに向けて「やっといたらいいんじゃないかなー！？」もしくは「やらんほうがいいんじゃないかなー！？」な10のことを送りたいと思います！ 私は独立するまでに2社経験し、グラフィックデザイナーとして従事してました。その経験をもとにまとめてみました。主には会社員デザイナーに向けてになりますが、フリーランスなりたてのデザイナーにとっても参考になる事柄もあります。 少しでもこれからの成長につながれば幸いです。 1.メモをとる新しい環境になると仕事場の多くのルールがあったり、複数の仕事が同時に進行します。中には「その場で頭に入れる」ことができる人もいますし訓練をすれば全てをメモしなくても整理できるようになり

うちの会社はデザインの社内チェックを非常に重視している。デザイナーが初案を作り上げてからクライアント提出までに一週間近くかかることも特に珍しいことではない。 一方、採用の応募者や他社の方とお話をすると、デザインの社内チェックをほとんど入れない会社もあるようである。つまり、デザイナーがデザインを仕上げたらディレクターがそのまま持っていく、というケースである。さらに、今まで色々なキャリアのデザイナーと話をしてきたが、この社内チェックについて、否定的な考えを持っている人も少なからずいるようである。 そのベースになっているのは、主に以下のような考えではないだろうか。 出してみないと分からないんだからさっさとクライアントに見せた方がいい。 クライアントに直接ダメ出しをされた方がデザイナーが育つ。 物事はバランスだと思うので、この見解を全否定するつもりはない。しかし、それでもうちの会社では、デザインの

こんにちは。THE GUILDのこばかなです。デザイナーとかをやっています。 10秒でわかるこの記事の内容先日こんなツイートをしたのですが、今回はこの話について詳しく書きました。 デッサンとは何か？たまにデザイナーの間で「美大に行く必要があるのか」「デッサンを学ぶ必要があるのか」という議論がされますが、個人的には「WEBやUI、UXデザイナーにとっては必要ない」と考えています。（グラフィックデザイナーやプロダクトデザイナーは学んでおいた方が便利だと思います） なぜならデッサンによって得られるものは「観察力」がメインであり、それを磨く方法は他にもあるからです。 行く必要がないと言いつつ、私は美大に行ったのですが、受験時代はほぼ毎日何時間もデッサンを描く生活を3年ほど続けていました。 ▼浪人時代に描いたもの デッサンは一見すると「リアルな絵を描くこと」を目的にしてるように思えますが、経験者の一