こんにちは。長野チームデザイナーのずんこです。 早いもので、LIGに入社してから半年が経ちました。野尻湖オフィスでの仕事と、畑の両立にもだいぶ慣れてきました。最近の悩みは、キュウリが育ちすぎて消費が追いつかないことです。（平均して毎日3本は穫れる） さて、「あなたの質問にLIGのデザイナーがお答えします！」というテーマのうち、今回は勉強の仕方や、日々のインプットについての質問にお答えしていきます！ ありがたいことにたくさんご質問いただいているので、サクサクいってみましょう！ 日々のインプット編 普段どのようなインプットをされていますか？　社内でデザイナーミーティングみたいなものもあったりするのでしょうか？ 普段は、始業後30分をインプットの時間に充てています。webデザインのまとめサイトやアワードのまとめサイトのうち、これはいいな！　と思ったサイトをじっくり見ます。あしらいなどだけでなく、

グッドパッチのデザイナーがSketch 3を使ったUIデザインの方法を解説する本連載。第1回ではSketchの魅力についてお伝えしました。今回は、スマートフォンアプリの「Sign upページ」を例に、基本的なUIをデザインする上で必要なSketchの操作を説明します。Sketchの使い方だけでなく、UIデザインに役立つTipsも紹介します。 ※文中の（A）などはショートカットキーです。積極的に使って覚えていきましょう！ Sign upページは、以下の手順で作成します。 アートボードを用意する ナビゲーションバーを置く ユーザーアイコンの画像を丸く切り抜き配置する 入力欄を作成する ボタンを作成する 解説の中では細かい数値や色については触れませんが、同じ数値で作成したい方は図を参考にしてください。また、今回作成する「Sign upページ」のSketchデータはこちらからダウンロードできます。

ペーパープロトタイピング講座シリーズ。第2回は準備編。前回はこちら。プロトタイピングを始めるにあたって必要なものを列挙する。 必須ツール 紙 まず紙は大量に必要。A4コピー紙や大型のポストイットが一般的。スマホアプリの場合は、弊社が専用に開発したペーパープロトタイプ用ノートが便利。実寸で検証できるように心がけよう。 シャーペン 下書き用ペン。消しやすい芯がよい。個人的にはステッドラーを愛用。 サインペン 清書用のペン。チーム共有やテスト時に読みやすくするために使う。細い、普通、太いの3種類のペンがあるとよい。個人的には0.05mm、0.3mm、1.0mmの3本を使っている。オススメはピグマかコピックマルチライナー。 マーカー 清書用ツール。タップエリアや、注目させたいコンポーネントを面で見せる為に使う。最低限２色。薄いグレーと濃いグレーがあるとよい。可能ならばアプリとタップ色や警告色なども

【追記】この記事をきっかけに、名著「ノンデザイナーズ・デザインブック」の20周年記念特典eBookの制作に協力させていただきました。詳しくはこちらを御覧ください。 ノンデザイナーズ・デザインブック20周年記念の特典に寄稿しました デザイナーである・なしに関わらず、仕事の中で伝えたいことを「図」で説明する機会は多々あります。提案書で事業内容を説明することもあるでしょうし、具体的な数値をグラフで説明することもあるでしょう。そんな中でこんな指摘を受けたことはありませんか？ ・最終的に何を言いたいのか結論が見えないよ。 ・関係性が複雑すぎて理解しずらいんだけど。 ・要素が多すぎて全てを把握するのが大変。 ・何をどこから見れば良いの？ ・結局一番言いたいことはなんなの？ ・文字サイズがたくさんありすぎてまとまりがないね。 ・安っぽいチラシみたいでダサイなぁ。 ・全体的にバランスが偏ってて不安定。 ・

海外デザインブログCanva Design School Blogで公開された「How to Use Tints and Shades in Your Designs」より許可をもらい、日本語抄訳しています。 もう少しでデザインプロジェクトが終わりそうだけど、「配色選び」という最後のステップで悩むことありませんか。どんなデザインを制作しているときでも、うまくマッチした色を選ぶのに、毎回困ってしまうひとも少なくはありません。 きちんと整理されたレイアウトに、コンテンツもうまく配置し、フォント書体まで決めることはできても、配色に関しては迷ってしまいがちです。「ベーシックな白黒デザイン？それとも鮮やかな色？または単色にしようか。」悩みはつきません。まずは、簡単な色の選びかたを見ていきましょう。 詳細は以下から。 まずはじめに: デザインに合った配色を選ぶ簡単ポイント デザインに合った配色を選ぶに

Webサイトのデザインの方向性決めというのは、検討が長引いたり、スケジュールの遅れに繋がったりする要注意ポイントの一つです。弊社も例外ではありませんが、一方で、デザインに至った過程を丁寧に解説することで、スムーズに進めることは可能であるとも感じています。ここでは、デザインコンセプトを自然に理解していただくために弊社が行っている提案方法を共有しようと思います。 以下のスライドは、実際に使われたスライドです。公開用に細部は少し変えましたが、内容はほとんどそのままです。 クライアントは、株式会社マネジメントサービスセンター（以下、MSC）という企業の人事戦略や人材育成の支援を行っているB2B企業です。ターゲットは人事部や経営層などで、前段として戦略、設計が完了し、ベースとなるデザイン案を初めて提案する際に使ったものです。こちらを元に、ステップごとに細かな解説をします。（スライド中に出てくる検討プ

現役のデザイナーが語る！優秀なUI/UXデザイナーに不可欠なスキルとは UI/UXデザイナーと聞くと、UIデザイナーとUXデザイナーはそれぞれ使えるツールが違い、求められることも違うことがあるでしょう。それでも優秀なデザイナーとして活躍するために必要な要素を紹介しています。これから目指す上でぜひご覧ください。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社　調査期間：2021年8月12日～8月16日　 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名　 調査手法：インターネット調査 本稿は、Designmodeのブログ記事を了解を得て日本語翻訳し掲載した記事になりま

こんにちは、森山です。 最近ブログを書くのをすっかりサボっておりまして、ひさしぶりの投稿です。 今日は私が思う「基本の名刺デザイン」について書いてみたいと思います。 「基本の○○」ってよくお料理関係で耳にしますね。 「基本のお菓子づくり」とか、「基本のトマトソース」…とか。 お料理に限らず何でもそうだと思うんですが、やっぱり「“基本”が身についていないと良いものは生み出せない」っていうのは、どの分野でも同じかと思います。 そして、こういうネーミングがされるものって大抵まず「基本」があって、それさえ覚えれば、その「基本」をベースとしていろんな「応用」が効くっていう類いのものが多いですね。 今回取り上げさせていただいた「基本の名刺デザイン」も、まさにそのひとつだと思います。 名刺は皆様もよくご存知の通り、仕事をしていらっしゃる方であればほとんどの方がお持ちのビジネスツールです。１人で複数枚の名

Kalau anda teringin nak fasih English, boleh belajar Bahasa Inggeris online dengan kami. Kelas dijalankan menggunakan Zoom / Google Meet. Kelas Bahasa Inggeris Online Ini Khas Untuk Orang Dewasa Yang Faham English, Tapi Bila Speaking: Ayat Berterabur, Grammar Hancur Dalam proses nak fluent English, kenapa mesti malu? Kami di JomEnglish Academy faham, anda nak sangat cakap smooth dan rasa confident

Yusuke Wada a.k.a. yusukebe 2016-06-13 UX JAM #10

色の使い方「配色」について勉強しましょう。「配色」とは複数の色を組み合わせること、または組み合わせた色合いの事をいいます。 まずは色を使うにあたって必要な色の表し方から勉強してみましょう。 色の三属性（色相・明度・彩度） 白・灰色・黒以外の色は、全て色相・明度・彩度の3つの属性を持っています。 「色相」は色合い「明度」は明るさ「彩度」はあざやかさを表します。 一見似たような言葉にも見えますがどのように違うのでしょうか。 色相 赤・青・黄、といった色味の違いの事を「色相」といいます。代表的なものとして、赤・黄・緑・青・紫 などがあります。色相は円状にならべて中間の色を配置していくことで、ひとつの輪っかにすることができます。これを「カラーホイール（色相環）」といいます。 左の図の場合は、各色の一番あざやかな色「純色」を並べたカラーホイールになります。カラーホイールは色を選択する際の目安として使

世に出ている「デザイン原則」と呼ばれるものたちをまとめてみました。 ユーザビリティ関連からモバイルUX、サービスデザインにいたるまで、広い範囲のデザイン原則を網羅したつもりです。ただし、チェックリスト的にまとめたため、内容の詳細は記述していません。 出典や内容を紹介している外部リンクを張っておきましたので、詳細を確認したい方はそちらをご参照いただければと思います。 なお、この記事は有用なデザイン原則を見つけ次第、随時更新していきます。 更新履歴 2018/10/01： 「アクセシビリティの4原則」「Material Designの原則」「Android TV デザイン原則」「インクルーシブデザインの原則」を追加 2016/12/28： 「Microsoft デザイン原則」を「Windows UX デザイン原則」にアップデート 「Apple Watch デザイン原則」を追加 2015/10/

グラフィックデザインやWebデザインでよく用いられるレイアウトのパターンについてまとめた。 分割 面を分割して要素を配置する。同格を表現するのに便利。 二等分割 上下や左右で等分する。両方の要素が拮抗することでバランスや緊張感を生む。 二等分割の例 三等分割 上下や左右で三等分する。二等分割よりも緊張感が軽くなる。3つを同格に扱うことも、1：2で扱うこともできる。 三等分割の例 四等分割 上下、左右に等分する。三等分割よりもさらにシステマティックな印象になる。4つを同格に扱うことも、2：2や1：3で扱うこともできる。 四等分割の例 黄金分割 黄金比（1：1.618）で分割する。安定感や心地よさに優れる。 黄金分割の例 対称と軸 点や線を基準として要素を配置する。中心点や基準線が視線を誘導する。 線対称 シンメトリーのレイアウト。安定感があり、誘目性も高い。シンメトリー（対称）の中にアシンメ

当記事は、2015年2月5日に無料動画のオンライン学習サイト - schoo WEB-campus（スクー）にて開催した授業「優れたUXを実現するための人間中心デザインとは？」のフォローアップになります。 当日の授業の内容は schoo の下記ウェブサイトよりご覧いただけます（会員登録が必要です）。 はじめに 当企画は schoo と弊社コンセントとの合同企画で「社会に求められる価値あるデザイナーとは？」というテーマのもと、著者含むコンセントのアートディレクターの佐藤とサービスデザイナーの大崎の3名でそれぞれの立場から1人づつ授業を開催してきました。 デザイン領域の拡張に伴うデザイナーとしての役割とは？ 佐藤 通洋 先生 - 無料動画学習｜schoo（スクー） サービスデザイン時代のデザイナーのあり方とは？ 大崎 優 先生 - 無料動画学習｜schoo（スクー） 最終回となる今回は、以下の

週刊Webテク通信 2016年5月第2週号1位は、UXデザインの背後にある心理学、気になるネタは、Twitter、有料化の予定は「ない」 繰り返すデマに「おやめください」 ネットで見かけたWebテク（Webテクニック・Webテクノロジー）記事から、Webデザイナーの目で厳選したネタを週刊で紹介するこのコーナー。今回は、2016年4月25日〜5月8日の間に見つけた記事のベスト5です。 1. Reading minds: the psychology behind UX design | Webdesigner Depothttp://www.webdesignerdepot.com/2016/05/reading-minds-the-psychology-behind-ux-design/ UXデザインの背後にある心理学を解説した記事です。 社会的な裏付けとして、ユーザーレビューや「これをチ

この記事はAirbnbのExperience Design LeadであるCharlie Aufmann氏のブログ記事を公式に許可をいただき翻訳したものです。 顔の見えない相手に対しての仲介役となり、初対面の人同士のマッチングによる不安を「信頼」に変える仕組みづくりを、デザインを通してどのように行ったのかをご紹介します。 また、この記事はAirbnbの共同創業者、Joe GebbiaによるTEDトーク「Designing For Trust」の姉妹編となっています。そちらも是非あわせてご覧ください。 「ホスピタリティ」は何かと引き換えではない。作りだすものである。 あなたがホスピタリティについて考えるとき、携わるには面白いビジネスだと感じることだろう。 なぜなら、ホスピタリティはビジネスであるだけではなく、社会においてもっとも深く根付いた文化的な慣習のひとつであるし、数世紀におよぶ伝統や信