The Blog | Welcome to Adobe Blog アドビのブログでは、Creative Cloud、Document Cloud、Experience Cloudの最新情報や役に立つ情報を紹介しています。
「複雑!すべての機能をとても使いこなせない」 数多くボタンが並んだAV機器のリモコンを見て、過去に思ったことがある人も多いでしょう。 しかし、いざ自分がWebサイトを企画する側になると、複雑なリモコンと同じものをつくってしまいがちです。 誰もが、シンプルで使いやすいWebサイトをつくりたいと思っているはずなのに、なぜ、そのようなことになってしまうのでしょうか。 順に考えていきます。 小さな労力で大きな価値を Webサイトを開発するリソース(お金、時間、人)は、どのような企業でも有限です。 そのため、なんでもかんでも思いついたものを、つくるわけにはいきません。 小さな労力でWebサイトをつくり、大きな価値を生み出す努力が必要です。 そのためには、当然ながらWebサイトの開発スコープを絞ります。 顧客の対象を絞る スコープを絞るには、顧客の対象を絞るのが1番手っ取り早い方法です。 たとえば、顧
世の中には馬鹿が多いです。最近は特にネットの普及でそれが可視化されます。20年前までならバレなかったものがいまではたくさんの観衆が「あっ、こいつは馬鹿だ」と認知してしまうのです。バカッターとかが良い例。大西ヤニ議員のようにネットに疎くても差別発言をするとあっという間に拡散されて馬鹿が確定されます。馬鹿もおちおちしていられません。 で、ネットで代表的な馬鹿にはこのタイプがいます。爆発的にユーザーが伸びてるInstagram。機能もどんどん追加されていて、わたしなんざ星5つだと思うのにアプリの評価が低めで不思議です。 はい。こういう人たちが悪評価つけてるのですね いらないのは広告じゃなくて、お前らみたいなユーザー なのである。こういう奴らは「ネットはタダ」と思い込んでいる。新聞や雑誌はほとんど読んだこともないだろう。あいつらなんかお金払って買ってるのに広告がたっぷり入ってます。 Instagr
他に何がほしいってんだ、クソ野郎 お前はウェブサイトを作ってその糞サイトを最高だと思ってるんだろ? お前は13MBに及ぶパララックスエフェクト付きのクソ重いページがアホらしいグッドデザイン賞をとるとでも思ってるんだろ? お前は20kgあるjQueryファイルと83個のpolyfilがIE7をまともに動作させると思ってるんだろ? どアホ、お前は間違っている。俺様が俺の考える最強のウェブページを教えてやる。 クソ軽量でクソ速いページ 全てのデバイス幅に対応できる どんなうんこブラウザでも見た目が一緒 お前のサイトに訪れるどんな糞野郎でもアクセス可能 読みやすく伝えたいことが明確(もっともお前が5MBサイズのシャレオツなコーヒー写真ではなくて伝えたいことがあればの話だがな) よく聞け、糞野郎ども お前らはハッキリ言ってオーバー・デザインだ。この史上最強のウェブサイトを見てみやがれ。俺がごみコンテ
2016年も毎年と同じように、デザインについて新しいことを学んできました。今回は、ウェブからグラフィックやロゴデザインまで、デザイン全般に関する2017年のトレンドを掘り下げてみていきましょう。 デザイントレンドはメディアやテクノロジー、ファッション業界、そして最近では「使いやすさ」を追求するユーザビリティーなどに影響を受けています。トレンドは徐々に細かく枝分かれし、いつの間にか同じように消えていきます。 基本的にデザイントレンドの寿命は1〜2年。2017年のデザインは、2016年のトレンドを引き継いだものとなり、雰囲気もここ数年よく利用され、親しまれているものと言えるでしょう。Google マテリアルデザインの影響力は今年も強く、対応にはいくつかの変更が必要になります。 Adobe が2017年デザイントレンドを発表!確認しておきたいポイントとは? 2017年のWebデザインはどうなる?
海外のWEB版アニュアルレポートを調査してみた こんにちは、A.C.O.編集部です。A.C.O.ではR&Dの1つとして、定期的にグローバル環境の市場調査・研究を続けています。そのなかで最近は、海外のWEB版アニュアルレポートがさらに進化してきたな、と感じたので簡単に調べてみました。 そもそも、アニュアルレポートって何のためのもの? アニュアルレポートは、企業における前年度の経営戦略や事業概況を報告するための年次報告書です。ここ数年では、CSR活動報告を取り込んだ「年次統合報告書」とする企業も増えています。そして、もっと多くの人に企業の価値を伝えるために、特に海外企業のアニュアルレポートのWEB化が加速しています。ここからは実例をもとにアニュアルレポートの特徴を見ていきたいと思います。 かなりクリエイティブな海外企業の事例 事例01:信念や情熱が伝わりやすいビデオメッセージ 海外では、多くの
企業ホームページのスマホ対応、いったいどうすればいいのか、費用はいくらぐらいかかるのか、悩んでいないだろうか。 スマホによるインターネット利用は、爆発的な勢いで伸びている。オフィスでの利用はまだまだPCが主流だが、一般ユーザーはすでにスマホに大幅にシフトしており、スマホに対応していない企業サイト担当者はまったなしの対応を迫られている。 この11月5日にGoogleがPCよりもモバイル用サイトを検索結果のランキングで重視する「モバイルファーストインデックス」の導入を公式に発表したこともあり、企業サイトにとってモバイル対応はもはや死活問題である。 参考:モバイル ファースト インデックスに向けて(Google ウェブマスター向け公式ブログ) だが、その「スマホ対応」、どうすればできるのか、やるとしたら予算はどれくらい必要なのか、なにから手を付ければいいかわからず焦っている担当者も多いだろう。
かなりざっくりとしたもので、実際に使われる見積書はもう少し細分化されているでしょう。 ここでは、一般の人を対象にした説明なので、かなりざっくりとしたものにしています。 では、それぞれ解説していきますね。 ディレクション費用 ディレクション費用は、その名の通りWebディレクターの稼働費用のことです。 Webサイトを一度制作した経験がある人はわかると思いますが、実際にWebサイトを作り始めるまでに様々な工程があります。 どんなサイトを作るのかヒアリング、作るWebサイトの目的、それに応じたコンテンツなどなど様々な準備が必要です。 なのでWebディレクターの稼働が長いので、費用が多くかかってしまいがちです。 項目としてはこんな感じです。 ・打ち合わせ ・仕様策定 ・プロジェクト進行管理 ・デザイナー・エンジニアへの指示 ここで、Webディレクターの人件費が勿体無いと思われた方はいませんか? ディ
Transcript ϑϦʔϥϯε8FCσβΠφʔͷ ʮࣄͱ ͘ Β͠ʯ �� ͷ͜Ε·Ͱͱ͜Ε͔Β ࣗݾհ ͢Έ͔ͩ͋ʢ֯ాҁՂʣ 8FCσβΠ ϯˍΠ ϥε τ Ϩʔλʔ େࡕࡏॅɺ੍࡞ձࣾͰͷ8FCσβΠφʔΛܦͯ����ʹϑϦʔ ϥϯεʹɻओʹ-1αΠ τͷσβΠ ϯɺ Π ϥε τΛ੍࡞͍ͯ͠·͢ɻ ͱ�ࡀͷஉͷࢠͱ ͏͕͗͞�ඖ͍·͢ɻ Ωϟ ϦΞ͚ͩ ��ʹ ɾ ɾ ɾ ࠓͷ͓͠ͳ͕͖ 8FC੍࡞ͷ͓ࣄʹ͍ͭͯ ੍࡞ڥπʔϧͳͲ ϑϦʔϥϯεʹͳΔʹ ϑϦʔϥϯεͷ͓ࡒࣄ ͓ࣄͱੜ׆ʹ͍ͭͯ ͜Ε͔Βͷ8FCσβΠφʔ 0 1 02 03 04 05 06 01 ϑϦʔϥϯε 8FCσβΠφʔͷ ʮࣄͱ ͘ Β͠ʯ 8FC੍࡞ͷ ͓ࣄʹ͍ͭͯ ܦྺ 2006 2012 2016 2002 ϑϦʔϥϯε ΞϧόΠ τ ग़࢈ ݱࡏ �ͷ࢈ٳ
レスポンシブデザインが流行してきているとはいえ、こんなことをしているはてなブロガーさんやWebデザイナーさんは後を絶たない。 PCでいちいちブラウザの幅を変えながらデザインを確認している わざわざUserAgent Switcherでユーザーエージェントを切り替えて表示を変えている 横にiPhoneやAndroidの実機を置いて表示を確認している そもそもモバイルを意識していない(論外) そんなWebデザインにかかわるすべてのひとに紹介したいのが、「Blisk」という超絶便利なニューカマー・ブラウザだ。いままで「え?こういうブラウザっていままでなかったの?」と不思議に思ってしまうくらい、発想はシンプルだが革新的なブラウザだ。まだベータ版であることやこれまでWindowsでしか公開されていなかったので紹介するのを戸惑っていたけれど、いよいよMac版もリリースしたので、堂々紹介していきたい*1
こんにちは。長野チーム・デザイナーのずんこです。 突然ですが、今日は何の日かわかりますか? ・ ・ ・ 答えは、デザイナーのみなさんお待ちかねの「Adobe XD」日本語版のリリース日です! webデザインの現場でも存分に使える「Adobe XD」。アドビさんのご厚意とPRのため、一足早めに使わせてもらいました。 早速、その使用感についてレポートしていきます。 そもそも「Adobe XD」とはSketchやProttのいいとこ取りソフト 「Adobe XD」の正式名称は「Adobe Experience Design CC」。新しいUXデザインツールとして、プレビュー版が今年の春にリリースされ話題になりました。 公式の記事はこちら。 アドビの新しいUXデザインツール、Adobe XD (Preview 1) 登場! 使い方をクイックに解説 「Adobe XD」は、デザインが作成できるだけで
Notoフォントは全ての言語に対応することを目指す野心的なフォント。GoogleとAdobeが共同開発したこのフォントは無料で利用できる。 ※Adobeからは、『源ノ角ゴシック』として提供されている。 プログラミング用フォント『Source Code Pro』を開発したAdobeが関わっているおかげか、Notoフォント自体非常に美しい。 そんなNotoフォントは『Google Noto Fonts』なるプロジェクトで無料で公開されている。 Google Noto Fonts 今回は、このフォントをWebフォント ―すなわち、外部からダウンロードして使うフォントとして使う方法を紹介する。 実は面倒くさい、WebフォントでNoto Sans Japanese Type SquareやFONTPLUSなど、Webフォント提供サービスは数多く存在する。サイトを見る端末にフォントがインストールされて
Webサイトを制作している時、そして納品する時、サイトのデザインで定義されているカラー・タイポグラフィ・エレメントなどのスタイルを一覧できるようにまとめたスタイルガイドを紹介します。 Photoshop, Illustrator, Sketchなどのアプリを使ったり、オンラインツールを使ったものなどいろいろあり、中身だけでなくその見せ方の参考にもなると思います。
キュアップ・ラパパ!(挨拶) 良い子と良い大友ならば、毎週プリキュアを視聴しているとは思います。そして、さらに訓練されたお友だちは、毎週プリキュアのWebサイトもチェックしているのではないでしょうか? 最近のプリキュアの公式サイトって、手が込んでいますよね。キャラクターのイラストは大きいですし、キラキラもしていますし、動きもあったりと、楽しませる工夫がちりばめられています。 しかし、それらプリキュアのWebサイトはいったいどのくらいのファイルサイズなのでしょうか? 我が家は光回線なのですんなりと読み込めますが、人によっては読み込むのに時間がかかり、ページが重いと感じることも……?と、若干の疑問を抱いてしまったので、歴代のプリキュアWebサイトのデザイン、そしてトップページの読み込みファイルサイズを計測してみました。 プリキュアのWebサイトは朝日放送と東映アニメーションの2つがありますが、
アメリカ、特にサンフランシスコ周辺の会社を見てみると、エンジニアに加えてデザイナーの需要が高まっている。これは見た目やUXが優れたプロダクトへの人気が上がっており、企業としてもよりユーザー目線で使いやすくニーズにあった製品を作る為に、企画段階からデザイナーを参加させる事が増えていているからであろう。 それに伴いデザイナーの役割が、これまでの”見た目を美しくする”事から”ユーザー視点で最適な問題解決方法を見つけ出す”へと広がりを見せている。 このビジネスに対するデザインの重要性の高まり-デザインシフト-でデザイナーやエンジニアに求められるその役割と仕事の範囲に変化がおき始めている。恐らく10年程前と比べてみると、それぞれの仕事の範囲が多種多様に広がっているのに加えて、オーバーラップする領域も増えているだろう。 デザインの未来を示す15の変化で下記のような項目があった。 “デザイナーとエンジニ
先日、うちのイラストがとあるウェブメディアに無断使用されました。それに対し料金を請求したらこうなった、という顛末を紹介します。お支払いは無事頂けたのですが、そこに至る対応は一筋縄ではいかないものです。イラストが無断転用されたときにはどう対応すればいいのか、参考になれば幸いです。 イラストの無断使用を発見 盗用を発見してすぐにしたこと 無断使用の請求金額について 先方の言い分と交渉 参考サイト まとめ ※おことわり……ウェブメディアの名前や会社名はここでは非公表といたします。 1. イラストの無断使用を発見 イラストの無断使用を発見したのは、Google Analyticsでブログへのトラックバック元をチェックしていたときでした。見慣れないサイト名があったのでチェックしてみたら、うちのイラストをかなり堂々と使ってあったもので、びっくりしたんです。 無断使用されていたページはとある外国の情報
こんにちは。ディレクターのむむです。 ディレクターによる連載「いいWebつくろう〜クライアントと制作会社〜」の第19回のテーマは、Webサイトにおける保守についてのお話です。 Webサイトが完成した! という瞬間から実は保守もスタートしています。 そこで今回は、保守ってなに? どんなときにお願いするの? 費用はいくらぐらいかかるの? そんな疑問にお答えしていきます。 はじめに Webサイトにおける保守とは Webサイトを、正常な状態で維持できるように点検、修理、整備などをおこなうこと。古くなったり破損したデータの削除や、ソフトウェアのアップデート作業や、Webサイトにおける不具合を修正することを指します。 「Webサイトを良い状態で持続させるために必要な運用保守」でもあったように、運用・保守・改修の定義は非常に曖昧ではありますが、今回は上記の内容について詳しく掘り下げてお話していきます。
Webのタイポグラフィについて少しでも調べたことがあるなら、 Vertical Rhythm という言葉を耳にしたことがあるのではないでしょうか。タイポグラフィを用いて仕事をする場合、最も重要な手法の1つです。このことについて知って以来、私は自分のサイト全てにVertical Rhythmを使っています。 ある日、Vertical Rhythmの重要性について自分が全く理解していないことに突然気付き、愕然としました。そしてその後すぐに2つの疑問が湧き上がってきました。「なぜVertical Rhythmを使うとサイトのデザインが向上するのか? 」「自分のデザインを良くするために、Vertical Rhythmから何を学べばいいのだろうか? 」。 私はこの疑問を解明しようと決めました。その考察を綴ります。 記事の最初にあたって認識を共通にするため、まずはコンテキストについて説明します。 Ve
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く