Please update your browser It seems you are using an old or unsupported browser. To continue enjoying Canva, please update to a recent version of one of the following browsers:

このブログの運営主である迫佑樹さんが発信されている「スキルをつけて人生の自由度をあげる」をテーマにしたLINEのマガジンを紹介します。 プログラミングやブログ運営、ビジネスのことなどを知りたい方は登録必須です。 こんにちは、ブロガー兼デザイナーの相原 有希です。 ブログ記事のファーストインプレッションを決めるのが、アイキャッチ画像（サムネイル）。記事のタイトルと同じぐらい重要な要素だと言われています。 しかし、「お洒落でインパクトのあるアイキャッチを作りたいけど、デザインスキルが無いから難しそう ……」と敬遠してしまうブロガーさんも多いはず。 PR あなたのサービスを10倍魅力的にするバナーやロゴを制作します！ そこで今回は、PhotoshopとIllustratorを使って「Spotify風」のお洒落なアイキャッチを作る方法をご紹介します！ 慣れれば3分ぐらいでサクッと作れるようになるの

2019年のロゴデザインのトレンドを予測する上では、グラフィックデザインのトレンドがとても参考になります。 しかし、デザインのトレンドが毎年変化する中、ブランドのロゴのデザインは一般的に毎年更新されるものではありません。そのため、長期間トレンドとなっているグラフィックデザインの手法がロゴデザインのトレンドにおいて大きな影響を与えると考えられます。 ブランドの中には、10年以上ロゴデザインを変更しないものもあります。しかし、流行に乗ったブランドやサービスであるという印象を与えるためには、もっと頻繁にロゴをアップデートするべきです。 ロゴデザインのアップデートといっても、大幅に変更する必要はなく、「今っぽさ」を出して時代に乗り遅れているような印象を与えないための最小の変更でも構いません。 ロゴデザインは、イラストなどのイメージがメインの「ロゴマーク」とテキストがメインの「ロゴタイプ」2つに分け

今回はひたすら配色パターンを紹介していく。探しやすいように色ごとに分け、使いやすいように解説とWebコードも合わせて紹介する。プレゼン資料、Webデザインなどで目的に合った配色をそのままコピペして使って頂ければと思う。 ▼ 目次 カラフルな配色パターン 橙系の配色パターン 青系の配色パターン 緑系の配色パターン 黄色系の配色パターン 赤系の配色パターン 高級感を表現する配色 わび・さびを表現する和風配色 シンプルに格好良いグレーの配色 カラフルな配色パターン 1. 淡い「カラフル」 ■ #FF7D7D ■ #FFD580 ■ #B3E2B4 ■ #ABE7FF ■ #B8B2EA ■ #DBDBDB 淡いカラフルな配色は、白の背景に合わせると「透明感」を出すのに効果的。カラフル系の配色は扱いづらいので、上のコードをそのままコピペして使って頂くのが良いかと思う。 2. 力強い「カラフル」 ■

所属部門が違うメンバーで構成することで、少ない人数ながらも会社の全体像を素早く捉えながらプロジェクトを進めることができます。 CIリニューアルは会社の歴史・文化を理解した上で会社の未来を改めて考える作業になるため、比較的若めのリーダー層がこのようなプロジェクトに関わっていくことは組織運営の観点でも意味があることだと思います。 2.現状の調査と分析 次のような項目で現状の調査と分析を行いました。 既存のCI理解（デザイン・システム） 会社の歴史や業容の変化 社風や従業員が抱く会社イメージ 既存ツールのラインナップと開発時期 過去に行ったリニューアルの経緯と内容 ツール使用者の声 価格と使用量 他社ツール 調査では人事や広報といった経営部門の担当者がプロジェクトメンバーに入ることも重要です。 今回（弊社）の場合、日常的に行っている採用活動や社内報編集を通して多くの従業員と関わるメンバーが入った

最近、OOUX という言葉を見聞きしました。これはオブジェクト指向の利用者体験（Object-Oriented User Experience）のことで、いくつかの記事を読んだところ、アプリケーション設計において画面とデータを対応づける際にオブジェクトを手掛かりにするという方法論のようです。つまり OOUX は「オブジェクトベースのUIモデリング」と言い換えることができそうです。そうすると実は以前からそのようなデザイン手法はあり、「OOUI（オブジェクト指向ユーザーインターフェース）」と呼ばれていたのです。最近になって OOUX という言葉が使われるのは、OOUI のことを知らなかったか、もしくは流行語である「UX」を用いた方がかっこいいと考えたからではないでしょうか。 「オブジェクトベースのUIモデリング」というデザイン手法は、GUI アプリケーションをデザインする際の基本的なテクニック

Goodpatch Engineer Meetup Vol.4で発表した資料です。 https://goodpatch.connpass.com/event/77080/

PCやスマートフォンを開けば、そこには不愉快なUIが至るところにあふれている。さして文章が長くもないのにページが4分割されているニュース記事（腹立たしいことに4ページ目はたった1行だったりする）、サッカーのハイライト動画でシュートの行方をカメラが追い始めた瞬間に始まる動画広告、場面転換をするたびにCMが挟み込まれ、もはやCMを見ているのかゲームをしているのかわからなくなるアドベンチャーゲームアプリなど……。 さらに不幸なことは、ウェブメディアの編集部や動画配信者、ゲーム制作会社の制作現場にいる人たちにとっても、これは決して愉快な状況ではないということだ。罵詈雑言混じりの苦情が書かれたユーザー評価欄やSNSを見ながら彼らは言うだろう。「誰が好き好んでこんなUIを作るものか」と。 関わる誰から見てもおかしなUIは、それでもなぜ量産され世の中のストレスを増幅させ続けているのだろうか？ その負のス

こんにちは、デザイナー兼イラストレーターのもりたです。 先日、後輩のデザイナーに「フォントの選び方をもっと考えよう」と指摘したのですが、でも考えるって何を基準に考えればいいの？と自省したとき、うまく言葉にできませんでした。 そんな折、筒井美希著『なるほどデザイン』を読んでいたらデザインを擬人化すると書かれていて、とても納得しました。 簡単に言うとデザインのもつ雰囲気が、どんな人物に当てはまるか言語化するという内容でした。例えば文字ならば、「丸い文字は“幼さ”を感じるな」とか「カッチリした明朝体は“年配の人の貫禄”を感じさせるな」といった感じです。 よく考えてみれば、私たちは普段ターゲットを意識しながらデザインをしているので、人からデザインへ、擬人化の逆の工程を頭のなかでおこなっているはずですが、あえていつもと順序を反対にすることで発見できるものもあるのですね。 そんなわけで今回は自分の練習

Opinions 各界の専門分野を持つ有識者の方々から、社会を変えるイノベーションのヒントを学びます。 求められるのは、アートとサイエンスを両立できるつくり手 ──Prototyping & Design Lab・山中俊治さん（前編） 2015年07月28日 ツイート デザインエンジニアプロトタイピング山中俊治東京大学義足 次世代のものづくりを担う人材として、「デザインエンジニア」が注目されている。果たして、それはどのような役割が求められ、どのような視点が必要なのか。東京大学生産技術研究所（機械・生体系部門）で教授を務める山中俊治さんは、2013年4月から「Prototyping & Design Laboratory」（山中俊治研究室）でデザインエンジニアの教育および育成の活動をはじめた。そのねらいやものづくりの人材像について、山中さんに伺う。 専門性という壁にとらわれない人材になれ ─

はじめに若手のUIデザイナーから「使いやすいアプリをデザインするために認知心理学を勉強したい。どんな本を読んだらいいですか？」と相談を受けたので、いくつか紹介してみます。ちょうど、大学入試センター試験（国語）で「デザイン」や「アフォーダンス」が取り上げられたこともあり、このタイミングで書いてみることにしました。 認知心理学の学問分野は広大ですし、僕は認知心理学者ではありませんので、あくまでも、１）デザイナー向けに、２）仕事に役に立つ、３）入門書、 という観点で選びました（前半の入門編）。 （僕自身は、多摩美術大学の大学院生の時に、須永剛司教授（現・東京藝大）の研究室で、インタフェース・デザインの実践研究をしながら、文献や論文、ゼミの輪読、学会や勉強会などを通じて、認知科学／認知心理学を学び、それがその後のインタラクション研究に続いていきます。） 後半の中級〜上級編には名前がよく出てくる有名

※本記事はアフィリエイトプログラムによる収益を得ています Android端末で、「ハンバーガー」の絵文字のチーズの位置がおかしい重大な問題が発覚しました。この問題は全米のネット上を駆け巡り、ついにはGoogleのCEO（最高経営責任者）であるスンダー・ピチャイ（Sundar Pichai）さんが「最優先で修正する」と明言するほどの事態に発展しています。さすがは本場米国、ハンバーガーに対して妥協がありません。 この問題を提起したのは、アナリストのトーマス・ベイクダル（Thomas Baekdal）さん。自身のTwitterで、「Googleのハンバーガーの絵文字でチーズが下になっている件について議論をしたほうが良いと思う」とツイートしました。 件の絵文字を見てみると上からバンズ、レタス、トマト、パティ、チーズ、そして下のバンズの順になっています。これは確かにおかしい。チーズはもっとこう、肉の

YouTubeの自動再生機能を始めとし、ソーシャルメディアやウェブサイトには「開発者がユーザーに取ってほしい行動を誘導する」トリックが散りばめられています。宿泊施設の予約サイトとして全世界で利用されている「Booking.com」も例外ではなく、「ユーザーを操作している」とソフトウェア開発者であるRoman Cheplyakaさんが指摘しています。 How Booking.com manipulates you https://ro-che.info/articles/2017-09-17-booking-com-manipulation ◆価格 Booking.comで宿泊ホテルを探していると、「注目！この日程では、今まで検索したパリの宿泊施設の中で最安値です！」というような文字を目にします。これはうそではありませんが、一方でこの言葉は「今まで検索したパリの宿泊施設の中で最高値です！」と

[大阪] プログラマー向けデザイン勉強会で発表させていただきました。 http://connpass.com/event/3086/ --- [あわせて読みたい] KSSで作るパターンライブラリ by @machida https://speakerdeck.com/machida/k…

Colorlib content is free. When you buy through links on our site, we may earn an affiliate commission. Learn More Web designers and creatives, whoever needs iPhone mockup templates of the new iPhone 11, 11Pro, 11 Pro Max, X, and XS Max and other versions, should look no further. Instead, of creating your own, save time and pick one from our best-of collection below. There is something for every ta

ここ数年で”デザイン思考”や”デザイン的プロセス”といった言葉を度々聞くようになったように思える。 しかしながら、実際にデザイン思考をビジネスに取り入れ、上手く活用出来ている企業はまだまだ少ないのではないだろうか。 そもそもデザイン思考とはWikipediaの定義によると、 “デザイン思考とは不明確な問題を調査し、情報を取得し、知識を分析し、設計や計画の分野でソリューションを選定するための方法およびプロセスを指す。” と書かれていることもあれば、 “デザイン思考（Design Thinking）とは、人間中心デザインに基いたイノベーションを起こすための、主として非デザイナーを対象とした発想法である。” と書かれていることもあるなど、書いている本人もよく分かっていない可能性が高い、極めて抽象的な概念である。そこで、デザイナーによって創業されたAirbnbでどのようにデザインがビジネスに影響を