ランディングページ8要素におけるデザイン表現セオリー（サンプル165点付）
WebデザイナーがデザインするWebページの一つに、広告を経由して1ページ内で商材の特長を説明し、お問い合わせや購入へと導く「ランディングページ」があります。 ランディングページは、ユーザの興味を惹くビジュアルの魅力（シズル感）を特に強調したり、瞬時に内容を理解させるためのメリハリのコントロール力も特に求められるため、高いクオリティでページ全体をまとめ上げるには、幅広い表現力が求められます。 私もこれまで多くのランディングページのデザインに関わってきましたが、過去を振り返ると、制作に与えられる時間はタイトな割に、ページ内に掲載するボリュームは非常に多く、またメリハリを出すために様々な表現をいくつもの箇所で検討しなければならない、というケースが多々ありました。 デザイナーにとっては、いかにして効率的に、早く、且つ高品質でランディングページをデザインするのか？が大きな課題になるわけですが、多く
カスタマージャーニーマップ、失敗のすゝめ | DevTab - 成長しつづけるデベロッパーのための情報タブロイド
カスタマージャーニーマップとは、ウェブサイトやサービスを利用する顧客がどのようなプロセスで、どのようなタッチポイントをもって、どのような感情と思考をもってどのような体験をするのかを1枚絵のように視覚化したものです。その名の通り、「顧客（カスタマー）の旅（ジャーニー）をしるした地図（マップ）」です。 メジャーな手法ですので、ここで詳細な説明は行いませんが、ユーザーの感情や行動が全体像として図解されていることや、図解ゆえに関係者が集まって議論しやすいなどの利点があるため、サービス企画やウェブサイト制作時によく使われる手法です。 私たちギルドワークスでもユーザーの動きを見立てる方法として、カスタマージャーニーマップを利用しています。 ユーザーストーリーマッピング、サービスブループリントなども利用していますが、カスタマージャーニーマップはユーザーの感情や思考やモチベーションも関連させられるところが
デザイナーが持っていたい、すごいフリーフォント素材42個まとめ
デザインをしているときに悩んでしまいがちで、全体のイメージを決める重要な要素のひとつ、フォント選び。手持ちのフォントコレクションを定期的にアップデートして、クリエイティブな作品をつくってみましょう。 今回は、最近公開された無料ダウンロードできるフリーフォント素材をまとめてご紹介します。太さに応じて豊富なウエイトが用意された書体から、今年のトレンドでもある手書き、ブラシスタイルの他に、人気の高い美しい筆記体デザインなどが揃っています。 詳細は以下から。 デザイナーが持っていたい、すごいフリーフォント素材まとめ あさご本丸ゴシック 伝統的な雰囲気でありながらも、クルクルとしたループ状の線が個性的でモダンさを感じるエレガントな書体だそうです。 ※ 個人利用可能 Margurite 流れるように美しい筆記体スタイルで、リガチャ合字なども豊富に用意された、プロユースのデザインフォント。 ※ 個人利用
DevTab - 成長しつづけるデベロッパーのための情報タブロイド
ギルドワークスに参加して、プロダクトづくりの価値観が変わりました 〜 ギルドメンバーインタビュー Vol.1 ソフトウェアエンジニア兼プロダクトオーナー見習い Takahashi Toshiaki 〜 ギルドワークス ギルドワークスのなかにはいったいどんな人がいて、いま何を考えているのか…メンバーのリアルな姿をインタビューを通してお伝えします。 第一回目は、ソフトウェアエンジニア兼プロダクトオーナー見習いTakahashi Toshiakiが登場。時節柄、リモートでじっくり語ってもらいました。（2020年6月取材） 犬の散歩から運命の出会い －－まずはかんたんに自己紹介をお願いします。 Takahashi To…
UIデザインの背景と、デザイントレンドとの正しい付き合い方 | ベイジの社長ブログ
UIデザインを考えるうえで、その時々のトレンドを考慮することは不可欠です。しかし、ただ単に「トレンドだから」「今風になるから」という理由でトレンドを取り入れても、本当の意味で「良いデザイン」になることはありません。ここでは、UIデザインのトレンドの歴史から、技術的背景とUIデザインの関わり方を学びつつ、トレンドの正しい取り入れ方について解説していきます。 UIデザインの歴史 人がコンピューターを操作するためのユーザーインターフェース（以下、UI）は、テープやカードに打ち込まれた信号からコンピューターに出力させる、バッチインターフェースから始まりました。やがてより人が扱いやすいように、テキストを入力するコマンドラインインターフェースへと進化し、グラフィック性能の向上に伴い、1980年代以降はグラフィカルユーザーインターフェース（以下、GUI）が主流となっていきました。 1964年に登場したI
きちんとデザインの価値を伝えるための心得
良いものは理解される … わけではない 良いデザインは語らなくても、相手に伝わるという言葉を耳にしたことがあります。そういった瞬間に出くわすこともありますが、少し見るだけでも伝わるデザインばかりではありません。一見シンプルなものでも、デザイナーがどのような経緯でそこへ辿り着いたかを理解するのは困難です。 良いものを作れば理解してもらえる場はあります。しかし、デザインへの理解を共有していない人が相手だと、見せただけでは伝わりません。そもそもデザインを専門分野にしていないからこそ、デザイナーにデザインを頼んでいるわけですから、当然だと思います。デザイナーは、良いデザインを生み出すことは当然ですが、それと同じくらい自分のデザインを営業する能力も必要です。 「デザインを理解してくれない」と嘆くのはナンセンス。デザインを理解してもらうのはデザイナーの仕事ですし、それを相手が理解できる言葉で伝える工夫
【翻訳】ビジュアルデザインはつまらなくなってしまったのか？ - MOL
Original：HAS VISUAL DESIGN FALLEN FLAT? （2015-01-20）by Emmet Connolly 2013年から2014年の劇的なUIフラット化により無数のピクセルが流れ落ちていった それはビジュアルデザインにおいて非常に大きな変化だった。Microsoftの急進的でモダンなMetro UIはその前兆だった。iOS7のリリースよって大衆化し、UIのトレンドは2極化した。Google Material Designによって、おおかた完成した。 フラットデザイン（未完成であるけれど便利な表現）はスキューモーフィズム（同前）を駆逐するだけでなく、それの墓の上で踊り、すべてのべべル、影、墓石のテクスチャさえ消し去ってしまった。 上図のようなデザインである。 発展、変化、流行は避けられないものだ。このような最新スタイルもまた、いつの日か廃れていくだろう。未来
Material Design on Android Checklist
By Roman Nurik, Design Advocate Android 5.0 brings in material design as the new design system for the platform and system apps. Consumers will soon start getting Android 5.0 and they’re already seeing glimpses of material design with apps like Google Play Newsstand, Inbox by Gmail and Tumblr. Meanwhile, developers now have the Android 5.0 SDK, along with AppCompat for backward compatibility. And
今のデザインに必要とされるコントロール
本当にコントロールできないのか WD101シリーズの最初に、Webデザインは見た目のコントロールができないという話をしました。スクリーンの大きさが多種多様なだけでなく、利用者が見た目や操作性を自由に変えることができる Web。DTPのような感覚でサイトをデザインしても、誰かの Web アクセスの利便性を損なうと指摘しました。 デザイナーはある種、混沌とした状態から秩序を生み出す能力をもっていると思います。バラバラになった情報を整理して一貫性のあるメッセージを伝えたり、混雑した Web の世界に明確な道筋を示す仕事をしています。秩序を作り出すということは、ある程度のコントロールはなくてはならないわけです。 コントロールすることがデザイナーの仕事であるとすれば、『コントロールができない Web』との相性がよくないように見えますし、デザイナーにとって非常に仕事が難しい環境のようにみえます。しかし
The Monument Valley game series from ustwo games
D.I.C.E Outstanding Achievement in Art Direction AwardWinner
僕のWEB屋人生で見つけたテクスチャ、パターン系の素材サイト全部 | バンクーバーのうぇぶ屋
もはやタイトルのまんまなんですが。 僕がWEB屋を初めてから、背景やボタンのアクセントに使うようなテクスチャとかパターン素材とか、とにかく沢山見て来た物をメールから、ブックマークから、チャットから、Evernoteから引っ張り出して数ある限りご紹介させて頂きます。 僕の場合は、こういうサイトを見てテクスチャのアイデアを探すことの方が多いですね。 ちなみに数も多いので、devianaartやらeverystockphotoなどの超有名どころは外しています。では、早速見ていきましょう。 Subtle Patterns | Free textures for your next web project 種類はそこまで多くないですが、使いやすい感じのパターン素材ですね。個人的に一押し！ Texture | Premium Pixels 以前の記事でご紹介した、ハイクオリティなPSDがダウンロード出
【公式】SECRET THE COCOMAGIC(シークレット ザ ココマジック)｜木下ココプロデュースコスメ
ご購入はこちら 定番色とアクセントカラーをドッキングして、初心者からメイクのプロまでが使いたくなる色合わせを実現。肌によく馴染む、超微粒子のパウダーで洗練された目元を作って。 ご購入はこちら なりたい目元にグッと近づけるアイラッシュ。１枚で、部分的にカットして、と自分の使いたいようにアレンジできます。とにかく自然に見える質感やデザインが特徴です。
制作中の面倒を解決するFireworksの拡張機能のまとめ（2011年7月版） | Webデザインのタネ
一定期間更新がないため広告を表示しています
takashi178.me - このウェブサイトは販売用です！ - takashi178 リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://akibahideki.com/blog/cat5/post-20.html
RAW-Fiというメディアを作った話。
これからのUIデザインのヒントになるDribbbleのアートワークのまとめ
デザイン設計の勉強になる、海外デザイナーによる有名サイトのリデザイン案
More Rare
新着記事
