デザイナーにとって、フォントは大切なデザインの一部。 この記事では、たくさんのフォントを見比べたい方に向けて、商用利用可能な英語フリーフォントを以下の4種類に分けて120個ご紹介します。 おしゃれな英語フリーフォント かわいい英語フリーフォント かっこいい英語フリーフォント 筆記体風の英語フリーフォント
252MKSDGB UltraBold – AL 極太丸ゴシック体のフォント。大文字のみ。 利用範囲: 個人利用可 商用利用(要相談) 収録文字: アルファベット 数字 記号 ダウンロード先:http://mksd.jp/252mksdgb.html AK-ANGEL 文字に天使の羽をつけているかわいいフォント。小文字で打つとそのまま、大文字で打つと陰付きになる。 利用範囲: 個人利用可 収録文字: アルファベット 数字 記号 絵文字 ダウンロード先:http://pandachan.jp/strawberry/font/05angel.html AK-cookies chocolate クッキーみたいなフォント。チョコ(黒塗り)とバニラ(白抜き)の2書体。小文字で入力すると点々付きの大文字、大文字で入力すると点々無しの大文字で入力できる。 利用範囲: 個人利用可 収録文字: アルファベッ
ハロー、@seto_hiです。 北海道で避暑をしています。 アプリ開発をしていると様々なコンバージョン率がKPIになることは多いですが、誠実さを欠いたUIを作ると数字がよく伸びることが稀によくあります。 そういったものは一時的な利益には繋がりますが、長期的な利益には繋がらないと考えています。 自分が今後そういったUIを作らないための予防線としてこの記事を書きます。 不利益の排除 ・不利益な動線を奥深くに隠す ・ユーザーが設定を変更する手間を増やす ・「メールマガジンの解除にはメッセージを送ってください」 ・「メールマガジンの解除にはログインが必要です」 ・過度に警告を表示する ・「この設定をOFFにするとアプリが正常に動作しなくなる可能性があります」 ・「本当にOFFにしてよろしいですか」 ・不利益な動線を目立たなくする ・不利益な動線のシグニファイアを消す ・スマートフォンならスクロール
UX Movementの著者および創設者です。UXのベストプラクティスとスタンダード、さまざまなテクニックに関する知識を共有することで、よりよいデジタルの世界をつくり出しています。 すべてのインターフェイスにはユーザーが存在し、そのユーザーはつねに多数派と少数派によって構成されています。たとえば、大半のユーザーは正常な視力をもっていますが、少数派となるユーザーは何らかの視覚障害をもっています。 正常な視力をもっているユーザーが見るものと、色覚異常および低視力のユーザーが見るものとの間には大きな隔たりがあります。何らかの視覚障害をもっているユーザーはテキストが小さすぎたり色のコントラストが低すぎると、文字がぼやけて見えたり、要素がよく見えなかったりする傾向にあります。 アクセシビリティの目標は、多くの場合忘れられがちな少数派のニーズを満たすことです。しかし、少数派のニーズを満たした結果、多数
最近ではWebサービスやスマートフォンアプリにおいてもアニメーションの重要性は認識されつつあります。 機能としてのアニメーションは「FacebookアプリのLoading Placeholder」や「TwitterアプリのLikeボタンのフィードバック」のように何が起こっている(起きた)のかをわかりやすく伝えたり、「17 Live(イチナナ)」や「CASH」のSplashのようにロゴやブランドのイメージを強く印象づけたり、楽しませたりと使い方は様々です。 アニメーションをWebやアプリに組み込む方法は様々ありますが、今回は「Lottie」を使ってアプリにアニメーションを組み込む方法やメリットなどについて書こうと思います。 とはいえ今回はデザイナー編でして、AfterEffectsで簡単なアニメーションを作ってLottie用にデータを書き出すというところまでをご紹介します。 最後にアニメーシ
Easily find the best Material color for your projects. Here is 30 color combination based on material design color palette. By clicking color sample bar, You can check usage example in material design UI. Each of color combinations consists of following three kinds of colors. (1) Main (2) Optional (3) Accent For details, see Google Guideline. Contents
デザインのゴールの1つが、顧客の視点に立って物事を考え、そのニーズに即した商品やサービスを作り出すこと。 しかし、これを聞いた多くの人々が「そんなの以前からやっているよ」と言う。そう、世の中の多くの企業は、すでにお客様からの意見を最優先し、それに即したサービス作りや改善を日々行なっている。 なぜ今さらデザイン思考が特筆すべき存在になっているのだろうか? おそらくその理由は、いわゆる ”User Centered Design (ユーザー中心デザイン) ”と呼ばれる概念を通じて、ユーザーも想像だにしなかったようなイノベーションを生み出す事が可能になるからである。 ではどうして今までの、お客様第一主義、からはなかなか世の中を驚かせるようなソリューションが生み出しにくいのだろうか? おそらくその理由は、お客様第一主義とユーザー中心デザイン (UCD) が、似て非なるものであるからだろう。 お客様
フロントエンドエンジニアとデザイナーさんは日々協力してプロダクトを作っていく関係にあります。デザイナーさんが作ってくれたものをエンジニアが素早く実現できるよう、いくつかエンジニアから意識してほしいことをまとめました。 なんでこんな話になったのか(前置きなので次の章まで飛ばしてOKです) デザイナーさんから「この画面をこんな風に作ってください」とXDやSketch、PSDなどいろいろな形で渡されることがあると思います。 僕の個人的な意見・経験ですが、いざ実装するぞとなったときに 「あれ…ここってどうしたらいいんだろう?」 と迷って作業のスピードが落ちてしまうことがとてもストレスに感じていました。できればノンストップでいきたいなあと思うわけです。 手が止まるたび、デザイナーさんに「ここってどうしたらいいですか?」と質問するのが何か新しい画面を作るときに必ず発生していました。 「(いつも聞いてる
はじめに1998年、デザインの勉強を全くしたことがない私がデザイン業界に入り、はや22年が経ちました。数年間は下っ端生活をしていましたので、まさか20年経ってこの会社の社長になるとは、当時の自分が聞いたら失神するでしょうね…。 そんな私は、デザイナーとして際立ったスキルや作風もなければ、立派な賞とも縁がないごく普通のデザイナーなわけですが、22年間楽しく続けてこれたのはなぜだろうと思うと、デザインという仕事を通して成長が感じられるからなのかもしれません。 このnoteでは、デザインの技術ではなく、デザイナーとして成長を実感していくための「デザイン脳」の鍛え方について書きたいと思います。デザイナーとして成長したい!と思っている方の一助になれば幸いです。 思考の変遷を残しておくデザインの経験を積んでいくと、「前よりうまくなったな」と思うはずです。うまくなったというのは、デザインの原理原則が身に
webサイトのディレクションとデザイン歴22年。新人デザイナーがチームに加入した際、成長を促すために意識している心構え、作業、デザイン、フィードバックのコツについて、これまで実践してきたことを23のヒントとしてまとめてみました。新人を指導する立場のディレクターさんやデザイナーさんの参考になれば幸いです。 1. 最初が肝心最初は「心構え」から。 最初は先輩のサポートや小さい仕事をお願いすることも多いと思いますが、「これは簡単な(楽な)仕事だから」という説明はNG。どんな小さな仕事でも、「簡単だから」「楽だから」という理由は不要で、それよりも「大事な仕事である」ということを、しっかり伝えましょう。 なお、ものごとの最初に満足感や安心感、納得感が得られると、その後までずっとその心持ちが持続するのが「初頭効果」です。指導側が最初に何を言うか。ここでしっかり伝えられれば、新人だけでなく、関わる人すべ
こんにちは、今年度に新卒入社したデザイン戦略室デザイナーの貴島と申します。本稿ではデザインガイドラインに焦点を当ててご紹介をしたいと思います。 私達がアプリの設計をする上で最初に行うべきことは、プラットフォームのデザインガイドラインを理解・熟知することでしょう。 Apple社は『iOSヒューマンインターフェイスガイドライン』、Google社は『マテリアル デザイン』といった独自のデザインガイドラインを設けており、プラットフォーム上のアプリに対してデザインガイドラインに沿った設計を推奨しています。 またデザインガイドラインは端末毎の差異を含めて画面構成が設計されているため、結果的に各OSに合わせた最適なユーザーインタフェイスの設計を可能にします。 ( ※マテリアル デザイン』日本語版のガイドライン(PDF形式)が先日公開されました。 ) マテリアル – 日本語 - Material Desi
マテリアルデザイン、Human Interface Guidelines はご存知でしょうか?それぞれGoogle、Apple が提唱しているデザインガイドラインです。 実はMicrosoftにもデザインガイドラインがあるのですが、どういうデザインガイドラインなのかわかる方は少ないのではないでしょうか。 今回は、GoogleとAppleとMicrosoftのデザインガイドラインの概要についてお伝えしようと思います。 Google : マテリアルデザイン Introduction – Material design – Material design guidelines マテリアル – 日本語 マテリアルデザインは2014年にGoogleが提唱したデザインガイドラインです。 マテリアルデザインが生まれた背景として、今までのデザイントレンドであった「スキューモフィズム」や「フラットデザイン」
Material Design Google I/O 2014 で新しいデザインガイドラインが発表されました。 Google Design その中で注目されるキーワードが「Material Design」です。これは直訳すると「素材のデザイン」という感じになりますが、これは現実世界の素材をメタファーとすることでユーザーにとってわかりやすくなるように考えられたデザインのようです。 ということで、Material Design について簡単にまとめつつ、どうやってデザインを始めていけばいいか考えていきたいと思います。 Google Design のガイドラインを個人的に解釈した内容を掲載しています。誤解などありましたらコメント欄にて連絡ください。喜んで修正します。 イントロダクション まずはじめに Material Design の概要です。本文をそのまま引用します。 We challenge
With human brains processing images 60,000 times faster than text, good photos are vital for grabbing attention and getting your message across. But what do you do if you don’t have enough visual material? Get it for free from one of these free stock photo websites! Vecteezy Freepik Morguefile Pixabay Stockvault Pexels Picjumbo Rawpixel Reshot Free business stock photos iStockphoto.com (by Getty I
こんにちは。メルペイデザインチーム、プロダクトデザイナーの tanaami です。 メルペイに関連するツールには、お客さまがいつも使ってくれているメルカリアプリだけでなく、メルペイ加盟店店舗の方々が使う管理画面や、メルペイのオペレーターが使う社内向け業務ツールなども存在します。 こういったツールのデザインは、業務効率を大きく左右します。迷わず、正確に、なめらかに業務を行うために、メルペイのデザインチームは日々ツールのアップデートを繰り返しています。 今回は、そんな社内向け業務ツールの中でも加盟店審査に用いる「MSツール」と、お客さま対応時に使う「CSツール」のデザインのフルリニューアルについてご紹介します。 1. MSツール、CSツールとは?MSツール、CSツールと言っても、どんなものかイメージしづらいですよね。まずはこのツール(管理画面)を誰がどういったときに使用するのか、整理します。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く