Appleが開発者向けに公開している「iOS Human Interface Guidelines」には「From Concept to Product」という章があり、アプリを企画して実装していく手順を簡単に説明しています。今回はその内容と各項目ごとに参考になりそうな書籍やサービスを紹介します。 「From Concept to Product」は以下の様な内容が書かれています。 Define Your App List All the Features You Think Users Might Like Determine Who Your Users Are Filter the Feature List Through the Audience Definition Don’t Stop There Tailor Customization to the Task Prototy

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

優れた無料フォントはたくさんありますが、フォントによっては文字を並べた時に文字同士の間隔が不自然になってしまうことも。そんな時は文字間隔を調整するカーニングを行うことでデザインをよくすることができますが、どのようにすれば適切にカーニングができるのか、初心者でも使える9つのポイントがまとめられています。 A Beginner’s Guide to Kerning Like a Designer – Design School https://designschool.canva.com/blog/kerning/ 文字と文字の間隔は、単純に同じ距離であれば自然に見えるというわけではありません。以下の画像では左側の「Type」の文字間隔が全て等しく、右側は同じではないのですが、実際に人間の目で認識されると自然に見えるのは右側になります。これは、それぞれの文字によって持っている「空間」の大きさに

Sketch3は、ウェブサイトや、アイコンや、スマホデザインや、レスポンシブデザインなどのデジタルデザインに特化したデザインアプリです。 直感的で、定義をすればするほど速くデザインができるんですが、PsやFwと比べると、シンプルになりすぎてて「あの機能はどこなの？っていうかあるの？」って思うものがいくつかあったので、まとめてみたいとおもいます。

こんにちは。 AWAでアートディレクション／デザイン／ブランディングを担当しているムロハシと申します。 今回はAWAのUIデザイン、インタラクションがどのようにしてつくられたのか、 先日行った「 メディアプロデューサー養成講座」の講義内容をベースに、 簡単ではありますが書いていきたいと思います。 「AWA」とは？ AWAとは、ひとことで言うと 「登録なしですぐに音楽が聴ける定額制の音楽配信アプリ」です。 サービスの特徴として第一にあげられるのは、 ・好きなアーティストを聴くだけでなく「プレイリスト」を軸に、自分の好みにあった音楽が「リコメンド」されること リコメンドを通じて「昔好きだったあの曲」や「まだ知らなかったけど好きな曲」を一人ひとりにパーソナライズしてお届けしています。 そのほかの詳しい説明は プレスリリースをご覧いただければと思います。 インタラクションモックの重要性 AWAの初

Apple, Microsoftをはじめ、Sony, IBM, Intel, Adobe, Dell, FedExなど、有名ブランドのデザインガイドラインを紹介します。 スタバ、ケンタ、Heineken、NASA、LEGOなど、ちょっと珍しいガイドラインもあります。 LEGOのガイドラインは、かなりLEGOらしい出来映えです。

マーケティングとデザインの共通点 2015年6月27日大阪 Re:Creator’s Kansai 主催のイベント「基礎からきちんとマーケティング」に登壇しました。デザイナーとして働いているのでマーケティングは畑違いのように見えますが、以前からマーケティングを扱った記事をたくさん書いています。カスタマージャーニーマップのようなマーケティングの手法がデザインプロセスの一部として採用されていたり、デザイン思考がマーケティングに取り込まれているなど、共通するところが幾つかあります。 例えば UX を学んでいるうちに行動経済学に興味を持つ方もいるでしょう。行動経済学はデザインにも取り込める興味深い学問ですが、マーケッティングを深く知る上でも役立ちます。デザインとマーケティング両方に興味をもつことは、デザイナーとしてごく自然のことではないでしょうか。人のこと、市場のこと、社会のことを知らないとデザイ

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog この記事を読むとデザイナーの方でもエンジニアと同じ開発環境で動くモックを作れるようになります！（社内での実績あり） 例えば以下のようなデザインの画面を新規に作りたいとします。そして社内の人に直接触ってもらい感想を聞きたいとします。 さて、あなたならどうやって感想を求めますか？ モックの画像をカメラロールに保存してユーザに見せたりしていませんか？ ですがこの方法だと触っているうちにピンチイン・アウトしてしまいますし、あまり良いやり方とは言えませんよね。 モック作成ツールを使うやり方もありますね。世の中には様々なモック作成ツールがあります。 ですが、モック作成ツールだと実現できないことも多々出てきます（例：画面の固定位置にオーバーレイ

CSS Nite と同様に、年末恒例になっているのが WCAN Winter。例年、ビジュアルデザインやコードの書き方など、「作り方・見せ方」をテーマにしたセッションが必ずひとつありましたが、今年は 3 つあるメインセッションがすべて「コンテンツ」をテーマにしていました。200名以上集まる Web サイト制作系のイベントで、全編「コンテンツ」をテーマにして話せたのは、大きな意味があったと思います。 昨年は「スマホサイトが嫌われる理由と改善方法」と題して、スマホサイトで足りないのはデザインではなく、コンテンツであるという話をしました。当時は、作る前にしっかりサイトの『健康診断』をして、コンテンツをゼロから見直しましょうという内容でした。今回は「なんとなく」を共有する、コンテンツを活かしたデザインプロセスと題して、コンテンツ制作やデザインを進めていく上で、理解・共有しやすくなるように工夫しまし

はじめまして。 アメーバ事業本部キュレーション事業部の渡邊 (@mnemoniqs) です。 デザイナーとして、Spotlight・Recolle・GAMYなどの主にバイラルメディアの制作を担当しております。 デザイナーは日々インプット！ってことで、これは特にいいな～って思ったデザインに関するブログ記事をいくつかまとめてみました。 知っている記事もあると思いますが、もし新しい発見や出会いがあれば。

Google I/O 2014で発表された「Android L」は「Material Design」と呼ばれるデザインで作られています。このマテリアルデザインとはどういったものなのか、Googleは開発者向けのページで解説しています。 このページには多くのサンプルもあるので、単純にAndroid Lがどういった見た目や動きになるのか、開発者でなくてもそれを知ることができます。 まず、Material Designのページより見ることができるAndroid Lのスクリーンショットを見て行きましょう。これだけでもAndroid Lがどういったものになるのか掴めると思います。 コンタクト アプリや状態によってステータスバーの色が変化 マップ・ナビ Gmail 右下の＋ボタンが印象的です。 カレンダー ずいぶんカラフルになりました。 アクションバー部分にも背景画像が適用されており、広く見えます。

［速報］Googleが新しいUXの体系「Material Design」を発表。あらゆるデバイスとスクリーンに適用。Google I/O 2014 Googleは6月26日（現地時間25日）、米サンフランシスコでイベント「Google I/O 2014」を開催。次期Androidの「L」とともに、今後Googleがあらゆるデバイスとスクリーンに適用する新しいUXの体系「Material Design」を発表しました。 基調講演では次期Androidの「L」が今日からデベロッパープレビューとして公開されると発表。AndroidのOSにはアルファベット順のコード名が付いており、次期AndroidはLから始まりますが、まだコード名はついていません。 Lでは、Androidのユーザー体験を最初から考え直した新しいUXの体系「Material Design」を採用。基調講演で行われた「Materia

Material Design Google I/O 2014 で新しいデザインガイドラインが発表されました。 Google Design その中で注目されるキーワードが「Material Design」です。これは直訳すると「素材のデザイン」という感じになりますが、これは現実世界の素材をメタファーとすることでユーザーにとってわかりやすくなるように考えられたデザインのようです。 ということで、Material Design について簡単にまとめつつ、どうやってデザインを始めていけばいいか考えていきたいと思います。 Google Design のガイドラインを個人的に解釈した内容を掲載しています。誤解などありましたらコメント欄にて連絡ください。喜んで修正します。 イントロダクション まずはじめに Material Design の概要です。本文をそのまま引用します。 We challenge