iOS のヒューマンインターフェースを理解するためにはまず UI 設計の原則を定めた聖典 iOS Human Interface Guidelines を読むことから始めなければなりません。ここにはプラットフォームの特徴から情報設計の原則、それぞれ何のための部品なのか、という解説がされています。なぜこうなったのか、なぜこれが良くてあれが駄目なのか、Apple の UI デザイナーは何を考えてこのような設計にしたのか、HIG ではそのようなところまでは説明されていないことがあります。いくら内容を丸暗記したとしても「 なぜ 」がわからなければ本質から理解したとは言えません。 よくある UI デザインにおける誤り、『磨りガラス効果がかっこいい』『アニメーションしておくとかっこいい』『ボタンは右配置の方が押しやすい』『色が綺麗』『流行っているから優れている』…などがありますが、そういうことではない
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
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
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
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
イラレで女の子のイラスト2・3の時に、手書き風タッチの線を色々試したまとめ。 注:重くて実用に耐えない物もあります。 イラレで女の子のイラスト(自己流) 2 イラレで女の子のイラスト(自己流) 3 パスの状態 アウトライン前のパスを、アピアランスを使うことで手書き風にしてます。 個々の解説は省略するのでサンプルデータを参照して下さい。 サンプルデータ →手書き風線のサンプル(cs5)をダウンロード →手書き風線のサンプル(cs2)をダウンロード ※cs2のデータは線幅ツールものを省いてcs5からバージョン下げ保存しました。下位バージョン持ってないのでちゃんと開くか分かりません。 中身はこれ(cs5) 左がシンプルバージョン。右は効果の組みあわせバージョン。 アピアランスのポイント ・かかっている効果を確認するには上のウインドウからアピアランスパネルを出して下さい。 ・サンプルはすべてマウス
広告やバナーを製作する際、大切なのが読み手に「インパクト」を与えること。どうやったら目を引く広告がデザインできるのか・・。そう悩むデザイナーの方も多いのではないでしょうか。 そこで今回は、Illustratorの基本操作だけでできる、簡単な表現技術をいくつかご紹介します。 枠からはみ出す 画像リンク:mebic.com こちらはとてもシンプルにインパクトがだせる方法。広告サイズが決まっていると、「この枠の中に情報を収めなければ」と考えがちですが、きちんと可読性さえ残しておけば、すべてを枠の中に収める必要はありません。広告枠からどーんとはみ出せば、広告全体に勢いをつけることができます。 画像リンク:countach.tv こちらのルーツの広告もそうですね。街にある広告などをよく見て回ってみると、「枠をはみ出す」という効果は以外と使われています。今回ご紹介する広告のいくつかにも適用されているの
本日はkeepitusableのブログより「Call to Action Buttons: 5 Psychology tips to increase conversion 」をご紹介します。 この記事では、CTAボタンをつくる際に参考にしたい、5つの側面から見たユーザー心理のヒントが紹介されています。 気になる方は元記事(英語)をご覧になってみてください。 コンバージョンを増やすために知りたいユーザー心理の特徴 具体的には、以下の5種類のユーザー心理について紹介されていました。 色彩心理学 配置の心理 視覚の心理 言葉遣いの心理 感情の心理 色の心理学 ボタンの色は、コンバージョン率に大きな影響を与えます。 このブログでも、フォーム送信の文脈でボタン色の重要性については何度もお伝えしてきました。 ボタンの色は、何色にするべき?~ケーススタディから見る、送信ボタンに最適な色とは~ http
ウェブ・レイアウトの概要 ウェブ・レイアウトを大きく分けると「グリッド・レイアウト」とフリー・レイアウト」の 2つに分けることができます。グリッドレイアウトとは、文字や画像、カラムなど一定の規則に従い、格子状にレイアウトして、整然としたイメージの印象が強いレイアウトになります。Wordpress の多くのテンプレートで、グリッド・レイアウトが利用されています。 またグリッドレイアウトは、スマホやPC、タブレットなど多様なデバイスに対応しやすい可変レイアウトとして利用することもできます。一方のフリー・レイアウトは、グリッドにとらわれない配置で横幅を固定する「固定レイアウト」にむいているレイアウトになります。 グリッド・レイアウトを利用したサイト一例GoogleDesign/ Googleのデザイン・ガイドライン専用サイト。フラットデザイン、タイルレイアウトでトレンドにのったデザイン、レイアウ
CTAでユーザーに行動を喚起するときには、そのアクションを取ることでユーザー自身にどういったメリットがあるかどうかを提示する必要があります。 本日は、具体的にどのようにメリットをアピールすればよいか、その方向性やフレーズをご紹介したいと思います。 ご紹介するのは、以下18パターンのメリットの提示方法です。これらは大きく5つのタイプに分けることができます。 ユーザーに提示するメリットのパターン一覧 お得さをアピール 無料 トライアル、お試し 割引 送料無料 緊急性を提示する 数量限定 タイムリミット 商品のよさをアピール 心地よさ・便利さ クオリティ 作り手、熟練 オンリーワン ソーシャルプルーフを提示する 人気・話題性 利用状況 満足度 その他定量的メリット 付加サービスをアピール サポート スピーディ プレゼントを提示する プレゼント 抽選 以下、順番に説明していきます。またそれぞれ具体
デザイナーとして日々の制作に向き合っていると、自分のデザインにマンネリを感じることはありませんか。クライアントや商品が変わっても同じあしらいをよく使っていたり、アクセントの付け方が似ていたり。もちろん自分の中で定番のデザインがあることは、効率的でもあり、デザインの個性とも言えます。しかし、そのマンネリを抱えたままで良いのでしょうか。 そこで今回は、Webの領域から少し視野を広げて、ビジュアルコミュニケーションの源泉とも言えるグラフィックデザインから、表現の幅を広げるためのヒントを探ります。 現在フリーランスで活躍されているアートディレクター/グラフィックデザイナーの横山 徳(よこやま のり)氏をFICCにお呼びし、勉強会を開催しました。普段どのような考え方でデザインを制作し、またどのようにその表現力を身につけているのか。Web制作にも活かせそうなヒントを伺いました。 お互いの実績を紹介し合
SteveはFreshEssays.comのWebライター、著者、コンテンツプロデューサーです。彼は常にオンラインコンテンツの新しい届け方を模索しており、他のブロガーや著者、学生などにライティングの補佐をしたりもしています。 何を伝えたいのか全くわからないランディングページに辿り着いた経験はありませんか? そのページはきっと明確なメッセージを伝え損ね、あなたを混乱させただけです。そんなページにどれくらい滞在していましたか? そんなページをわざわざ時間を掛けて掘り返してまで、その目的を知りたいと思うでしょうか。これこそが、人々があなたのページに辿り着いたときに考えられる最悪のシナリオです。 あなたはランディングページを訪れた来訪者に、すぐに商品の購入ボタンをクリックしてほしいでしょう。そのためには、何がおすすめか、なぜそれがユーザーにとって価値があるのか、そして登録の方法を分かりやすく提示し
みなさんは、女性をターゲットにした広告を制作するとき、どんなことに気をつけていますか? 女性は、男性よりも細かいところまで視線を向けているそうです。そのため、デザインでほんの少しの変化や動き、工夫をつけることで、女性の心をくすぐり、結果的に印象に残りやすい広告を制作することができます。 広告を制作するときに大切にしたいのが、女性の心をつかむ「フック」をたくさん用意しておくこと。それが結果的に、効果のある広告につながると思います。いくつかの事例を参考に考察していきましょう! 装飾をふやす 例えばこちらは、「箱根スイーツコレクション 2014」の広告。 箱根で行われているスイーツの祭典。毎回、可愛らしいポスターやパンフレットが街を彩っています。ターゲットは恐らく「若い女性」。温泉街にはあまり行かない、若い層に関心を持ってもらうためのイベントだと予想します。だから、温泉のイメージを一掃し、思いっ
人間中心設計(HCD)専門家制度は、人間中心設計推進機構(HCD-Net)が実施する専門家認定制度です。 人間中心設計専門家とは 受験応募要領 資格更新手続き HCD認定ニュース 認定者一覧 認定専門家インタビュー
バナーデザインは決められた領域内でどれだけユーザーやターゲットの目にとまるようなデザインにできるかが重要になってきます。 デザイン制作したことあるなら一度は経験したことあると思いますが、領域が決められているけどその中でしっかり伝えたい内容を目立たせる必要があるので、何度もレイアウトを調整したり、結局時間をかけて完成してもいまいちな出来になってしまったりなんてことも...。 そこで今回は、バナーデザインをするにあたって覚えておきたいレイアウトやデザインパターンをはじめ、効率良く制作していくことができる制作フロー、特に新米デザイナーさんなどには非常に参考になると思うので是非目を通して欲しいエントリー、インスピレーションをもらえるバナー関連のデザインギャラリーといった、バナーデザインの制作に関連することをまとめてみました。 バナーデザインの制作フロー 後ほど紹介するエントリーでこのような内容に関
device: iphone / ipad / android / app icons / app store / badges / buttons / calendars / capture / coach mark / comments / compose / count / detail / empty states / feed / graphs / home / icons / launch screen / list / login / maps / media player / navigation / notifications / popovers / profile / search / settings / share / stats / walk throughs / trends: circles / gradients / ghost buttons / rai
こんにちは、デザイナーのまきこです。 iPhone6のディスプレイがバキバキに割れてしまってから、心を無にしてずっと使っていましたが、iPhone6sの発売により、最近はちょっとウキウキしています。 ところで、デザイナーのみなさんは、普段作業をしているときに「このままのデザインだと、なんかさみしい�」「もっとにぎやかにしたい」と思ったことはありませんか? そんなときは、制作物に応じた「にぎやかし」をするのがもちろん良いのですが、いろいろ難しく考えるよりも、手を動かしてみたほうが早い、ということもありますよね。ということで今回は、デザインが「なんかさみしい」と思ったときに、だいたい3分あれば試せるデザインアイデアを7つご紹介します! ▼ デザインアイデアに詰まったときはこちらもどうぞ。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く