#未来をつくる

リモートコミュニケーションを円滑にしてくれる「わかりやすい画面収録動画」を簡単に作れる『』を紹介します。Screen Studioで作られた以下の動画では、クリック対象へのズームやクリック操作を明確にするカーソルのアニメーションなどによって、説明がなくてもどのような操作を行なっているかがわかりやすいですよね。Screen Studioで画面収録を行うと、このような「操作内容をわかりやすくする編集」を自動で行なってくれるため、共有しやすい画面収録動画を簡単に作ることができます。コロナ禍で増えた「動

SNSのポストやバナー画像、またはOGP画像の作成時など、突然モックアップ画像が欲しくなる時ってありませんか？時間をかけて取り組める場合は、テンプレートを探してPhotoshopで作ったり、Artboard Studioなどの専用ツールを使ったりすると思います。しかし、あまり時間をかけたくない場合は新しいツールの導入やログインをせずにモックアップ画像が作れると良いですよね。今回紹介する『Smartmockups』は、無料かつ登録不要でモックアップ画像を自動作成、ダウンロードできるWebサービスで

可読性の良いサンセリフ体、グリッド・システム、限られた色数の配色など、わかりやすく読みやすいデザインを作るために取り入れられるこれらの手法は、スイス・スタイルというモダニズムの後期で生まれたデザイン様式が源流となっています。この記事では、特にWebやグラフィックにおいて、現代で私たちが目にするデザインと深く結びついているスイス・スタイルについて紹介します。スイス・スタイルとは、1950年代にスイスで発展しヨーロッパを中心に流行した、グラフィックデザインの様式です。情報伝達のためのデザインを目的と

UIデザインやプロトタイプ、またはペルソナシートを制作している時に、「人の顔写真を使いたいけど、権利的に問題のない写真を探すのが大変だし、自分の写真を使うのはちょっと...」という場面はよくありますよね。『UI Faces』はその名の通り、UI上で使用することを想定したダミーのアバター用顔写真を提供しているWebサイトです。すべての画像がAI生成されているため、写真の人物は実在せず肖像権の問題を気にせず使えることが大きな利点です。UI Facesに掲載されているAI生成画像は、すべて個人用・商用

Instagramのブランディング表現が注目を集めた頃からか、グラデーションを使った表現がWebデザインやUIデザインに取り入れられるケースがとても多くなり、「グラデーションを取り入れたことがある」というデザイナーも多いのではないでしょうか？2017 - 2019年ごろに特に多く見かけたグラデーション表現ですが、最近になってまた新たなグラデーション表現が流行し始めているように感じます。ブルータリズムや90's風デザインと相性の良いグリッチを加えたグラデーションやテクスチャ感のあるグラデーションな

フォントを扱うデザイナーなら一度は使用したことがあるHelvetica（ヘルベチカ）。実は時代に合わせて進化していることを知っていますか？この記事では、”現代におけるHelvetica”をテーマに、その魅力を使用事例などを紹介しながら考察します。Helveticaについてアップデートしましょう！Helveticaは最初のリリースから何度かデザインが更新され、時代に合わせて以下の3つのバージョンが発売されています。Helvetica（ヘルベチカ）：初代のバージョンNeue Helvetica（ノイ

WebデザインやUIデザインに携わっていると、Myriad（ミリアド）という書体を耳にしたことがある人は多いのではないでしょうか？歴史のある書体と比べるとまだ新しいフォントではありますが、その人気の秘密を制作された意図や形の特徴を紹介しながら考察してみます。Myriadは、1992年にAdobeのインハウスのタイプファウンダリであるAdobe Originalsから初めてリリースされました。書体デザイナーのロバート・スリムバックとキャロル・トゥオンブリーによってデザインされ、ヒューマニスト・サン

グラフィックやWebのデザインに携わる人なら誰もが聞いたことがある、または使ったことがある有名フォント「Futura」について、意外に知らない歴史を振り返りながら、その魅力を考察してみます！「Futura」は、ドイツの書体デザイナーのPaul Renner（パウル・レナー）によって制作され、1927年にリリースされました。幾何学的なフォルムが特徴的なジオメトリック・サンセリフに分類される書体で、世界中で広く使われる定番の1つと言える欧文書体です。「Futura」とは「未来（英語のfutureに相

皆さんは、デザインする時に普段どのようにフォントを選んでいますか？「このフォントはモダンな感じ！」など、イメージでなんとなく選んだ経験はないでしょうか。ですがそのイメージって、どこから来ているのでしょう？この記事では、私たちがフォントを見て感じるイメージはどのようにして作られているのか、書体の構成要素という点から少し詳しく掘り下げて紹介します。近年は様々な種類のWebフォントが使用できる環境でデザインする時の選択肢が増えている反面、たくさんある中からどのように意図に合わせたフォントを選べば良いの

ロゴとは、「言葉」という意味を持つギリシア語に由来し、ブランディングの世界では企業やその商品の名前を、競合との視覚的な差別化を行なった上で消費者に印象付ける手法として取り入れられています。ロゴにはさまざまな形態のものがありますが、大きく以下の３種類に分けることができます。ブランド名を表現した「ロゴタイプ」オリジナルのマークをデザインした「シンボルマーク」シンボルマークとロゴタイプを組み合わせた「ロゴマーク」ロゴタイプは、ブランドの名前をそのまま読みやすい形で表現したものです。今回の記事で紹介する

Webサイトにとって検索エンジンが重要なユーザー獲得経路であることはよく知られていると思います。しかし、WebサイトをデザインするデザイナーにはSEOに効果的なサイトの設計方法やデザインはあまり知られていないのではないでしょうか？デザイナーの中にも、「Webサイトをデザインする際にSEOに関する知識がなくて不安」という方は多いかと思います。今回は、そんなデザイナー向けに「デザイナーも知っておくと安心なSEOに効果的なWebデザインのポイント」を5つ紹介します。まず、大前提としてGoogleは「ユ

アプリやWebサイトのデザインにはたくさんの画面や想定しなくてはいけない動作があって、いつも「何か忘れていないかな？」と不安な気持ちになります。継続的にチームに参加してプロダクトデザインを行う場合は開発チームとのやり取りの中で足りないデザインを追加していくようなことも多いでしょう。しかし、プロジェクトによっては、一旦全画面作って納品しなくてはいけないような場合もありますよね。このような時に、どうしても制作の優先度が低く、デザインするのを忘れられがちな画面や挙動があります。そして、そのような細かな

私たちの身の回りには、AmazonやSlackなどロゴの表現上アルファベット小文字表記のブランド名がたくさん存在しますよね。特に、アプリやWebサービスを提供するテック系のスタートアップ企業では、数年前から一種のトレンドのような形で、小文字表示のブランド名が多く見受けられるようになりました。このような企業やサービスが小文字表記を取り入れる際のデザイン意図としては「小文字表記は親しみやすさを感じさせる」というのが最もよく聞く理由ではないでしょうか？そのほか使用するタイプフェイスによっては、小文字の