デバイスがどのように進化しようが、アプリの時代になろうが、ユーザビリティは変わらず求められるものです。Web/IT業界では「使いやすさ」という意味で気軽に使われる言葉ですが、奥は深く、原論を解説した書籍もいくつか出ています。 学術的な解説はそういった書籍に任せるとして、ここでは、経験の浅いデザイナー、あるいは非デザイナー（ディレクター、Web担当者、エンジニアなど）向けに、ユーザビリティの向上に繋がる基本的な要点をまとめてみました。 ボタン、テキスト、コピーなど ボタンやテキストのデザインは、ユーザビリティを左右する大きなポイントです。表面的な美観に流されず、ユーザ視点で考えていきましょう。 1：ボタンじゃない要素は、ボタンと似たデザインにしない ボタンのデザイン次第で、サイトやアプリの使いやすさは大きく変わります。特に、ボタンでない要素にボタンのようなデザインを施すことは、どこが押せるの

プレゼン資料をキレイにわかりやすく作りたい！と思い立った人に、まずお勧めしたいのがこのサイト「伝わるデザイン｜研究発表のユニバーサルデザイン」です。基本的には研究発表を行う学生さんをターゲットとしているサイトですが、ビジネスマンにも読み応えは十分。提案書・企画書のプレゼン資料作成にそのまま利用できる内容となっています。 魅力は、わかりやすいサンプルと豊富な解説。デザイン初心者にうってつけのサイトです。ページはすっきりとしていて非常に見やすく・読みやすくレイアウトされています。 サイト全体の情報量も多からず少なからず、ほどよく網羅されていて、ひととおり目を通し終わった頃には、一歩レベルアップしている自分に気づくこと間違いありません。百聞は一見に如かず。まずはご覧になってみてはいかがでしょうか?

デザインをしつづけていると、たまに柔軟に考えられなかったり、自分のデザインに対して疑問を感じるときがありませんか？ そういうときは一度、初心にかえってデザインに関して考え方を見直したり、インスピレーションを刺激することも大切です。 また、デザイン思考を身につけるためにも、常日頃から考え続けることも重要です。 今回は、過去に話題になり、読むだけでデザインに関する「考え方」が深まる14個の記事をご紹介します。 デザインに対する考え方が変わる・深まる記事 これはウェブページです｡ ウェブデザインの本質は､言葉です｡ ウェブで一番強力な道具は､今も昔も言葉だということを、思い出させてもらいました。 ▷これはウェブページです｡ 選ばれるウェブデザインとは ９つの基本的なルールと感情に訴えるデザインについて詳しく書かれています。 サイトの使いやすさだけでなく「ユーザーがそのサイトにどんな感情を抱くか」

FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ

こんにちは、メディア事業部のゆうせいです。 ブログのアイキャッチにお困りではありませんか？と言いますのも、自分が非常に苦労しているわけです。フォトショやイラレをサクッと使えればよいのですが、私のMacにはインストールされていませんし、今後もその予定はありません。だったら、どうする？他の方法を考えるしか無いでしょ！というわけで、今回は簡単にアイキャッチ画像を作成できるiPhoneアプリ、「Phoster」のご紹介です。もちろん今回のアイキャッチも、「Phoster」で作りましたよ！ Phoster カテゴリ: 写真／ビデオ 価格: ￥200 「Phoster」の使い方 起動画面です。「Create new」をタップして新規作成します。 作成する画像タイプを選択します。今回は「LANDSCAPE PACK」を選びました。 次にテンプレートを選択します。背景に画像を読み込んだり、背景色を変更した

内容 Webデザインのプロを目指す方に、Photoshop、Illustratorを使った制作テクニックを解説します。第一線で働くプロの多くは、Photoshopを使用してWeb制作を行っています。本書は、Photoshopでいかに美しく、かつ制作効率を上げてWebデザインを作るかを重視した解説、実際に手を動かしながらの演習というスタイルを採っています。バナー制作による演習を経てから、Webサイトのデザインカンプ制作にステップアップ。制作物を実際にWebで表示できるよう、HTML/CSSコーディングの初歩まで学習できます。 via: Amazon.co.jp： プロになるためのWebデザイン入門講座 実践で役立つPhotoshop&Illustrator徹底ガイド: 庄崎 大祐: 本 Fireworksが開発終了を発表した今、WebデザインはそのほとんどがAdove PhotoshopとI

2021年10月21日 便利ツール Webサイトや印刷物の制作中には、とりあえずで入れておく「ダミー」を使用する事が多々あるかと思います。日本ではアタリ・アテなどとも呼ばれますね。それらのダミーテキストやダミー画像を便利に生成してくれるジェネレーターをいくつか紹介します。いろんな種類のジェネレーターやサービスがあるので、うまく利用して時間短縮しちゃいましょう！ ↑私が10年以上利用している会計ソフト！ ダミーテキスト（英文） Lorem Ipsum ダミーテキストの大本命、Lorem Ipsum。Photoshopでも採用されている、「Lorem Ipsum…」から始まる有名なダミーテキストを生成できます。 Dummy HTML snippets for webdesigners HTMLタグ付きのダミーテキストのジェネレーター。左の要素を右側にドラッグ＆ドロップでカスタマイズできます。類

STORES 決済 でできること 業界最安水準の決済手数料でキャッシュレス決済がご利用いただけます。

dIG iT Digital Marketingに関する様々なテーマで発信するブログ。 若干ペースが落ちているものの、１本は濃い内容で書いてみてます！ 以前にBest Buyを例にあげてUSにおけるTOPページの変化について少し触れました（解析しやすいは作れる！）。これだけではなく、もう１つ大きい変化と考えているのがメガドロップダウンメニュー（メガメニュー）です。 ということで、ここのところずっと気になっていたメガドロップダウンメニューについて少し調べてみたことを書いてみます。 メガドロップダウンメニュー？ そもそもメガドロップダウンメニューが何かという話です。基本的にはヘッダなどにあるグローバルナビゲーション部分をオンマウスした時に、表示されるドロップダウンメニューの内容が多くなったものを指しています。 ちなみにユーザビリティの大家であるJakob Nielsenが挙げているメガドロップ

日本のAmazonでも採用されているメガドロップダウンメニューについて、なぜAmazonのメニューはユーザーが使いやすくできているのかという秘密が明らかになりました。ユーザビリティを改善することが至上命題のネットショッピング系サイトにとっては非常に有益な知識となっています。 Breaking down Amazon’s mega dropdown - Ben Kamens http://bjk5.com/post/44698559168/breaking-down-amazons-mega-dropdown まずこれがAmazonの左上にあるカテゴリーを一覧化したメガドロップダウンメニュー。日本のAmazonにも同様のメニューが採用されており、マウスカーソルを上に持っていくと実にスムーズに動きます。 通常のメニューの場合、以下のようにして少し遅れてサブメニューが開くようになっています。 な

朝起きた時、運動中、入浴後。 しっかり汗をかいた後はもちろんですが、 暑い日でなくても、じっとしていても、 人のカラダは常に水分とイオンを失っています。 そう、あなたがこの文章を読んでいる間にも。 失われた水分と大切なイオンを、 水よりも早くカラダに取り込むことが大切です。 水のように、気軽に飲んでもらいたいから、 常温でもおいしく飲める、スッキリ甘すぎない味へ。

この記事は、Webデザインが短期間で上達した2つの方法として、新たに書き直しました。 WEBデザイナーとして10年ちょっと経過。 未だにデザイナーとして足りないものは多いですが、 どうにかクライアントにも満足してもらえる デザインが提供できるようになったと思います。 これは、自分が新米デザイナーだった頃にやっていた、デザインの上達方法です。 「上手くデザインができない！」「上手くなるにはどうすればいいの？」など、 どうすればデザインが上達するのかわかならい人の参考になれば幸いです。 新米デザイナーの頃、ダメなデザインをして先輩からよく叱られていました。 クライアントからデザイナーを交代してくれと言われ、 激しく落ち込んだこともあります。 いまになると恥ずかしいですが、 その頃の自分には、 プロのデザイナーとして最低限の能力がなかったのです。 クライアントの満足するクオリティのデザインを 期

フォルダアイコンやAppleアイコンなどスタンダードなものから、NARUTO、スーパーマリオシリーズ、サウスパークまで、あらゆる種類のアイコン2万個以上の中から好みのPNGアイコンを選択してダウンロードできるのが「PNG Factory」。アイコンセットの種類や作者・カラーなど、検索条件も変えることができ、商用利用可能なアイコンだけを探しだすことも可能です。 PNG Factory - You want cool icons ? We have some ! http://www.pngfactory.net/ アクセスした時はフランス語で表示されているので、トップペー左上の「en」から英語表示に変えます。 トップページの下部には「BROWSE」「SEARCH」「SHERE」という3つのボタンが表示されています。まずはBROWSEをクリック。 すると、アップロードされた順にアイコンがずらっ

少ない手間と知識でそれなりに見せる、ズルいデザインテクニック with Sass / Compass (English Version) https://speakerdeck.com/ken_c_lo/zurui-design-technique-english-version 第一回…

彦根工場で50年以上培われた技術力とノウハウ。それらをすべて結集して作り上げられたメンズシェーバー「LAMDASH」。何千人もの技術者やデザイナーの研究、開発によって磨き上げられた、究極の性能と洗練されたフォルム。もっとやさしく、もっと深剃りへ。 LAMDASHの進化はとどまることを知らない。

シームレスなコラボレーション。可能性は無限大。成功に必要なのは、集中力とチームワーク。Evernote Teams がそれをサポートします。 無料トライアルを開始今すぐ購入 - 連絡を取る 誰もが力を発揮できるEvernote では、個々のチームメンバーが自分のノート、タスクの割り当て、スケジュールを一か所で管理できます。また、コラボレーション機能も直感的に使えるので、プロジェクトや会議のための共同作業も捗ります。 チームの足並みが揃うプロジェクトの可視化、コミュニケーションの促進、お互いのアイデアや知見の交換——。ノートを共有することでさまざまなことがスムーズに進みます。Evernote ユーザでない方にもノートを共有可能です。

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