UX Design for Users ユーザーへの価値とビジネスの成立を実現するUXデザインを提供し、 アプリやWebサービスの新規立ち上げや改善をサポートします。 提供するサービス About STANDARD 私たちSTANDARDはUXデザインを軸に、スマートフォンアプリやWebを活用した新規事業の立ち上げや既存サービスの改善を支援するネットワーク型のデザイン会社です。 ユーザーの抱えている課題から価値を定義し、理想の体験を構想・設計するだけでなく、ビジネスとしても成立するための仕組みをデザインすることで、事業の成長と未来を豊かにするサービスの創出に貢献します。 私たちについて

レスポンシブWebデザインでサイト構築をする際に、今までのWeb構築で「当たり前」や「こうすべき」と思っていた感覚とは少し異なった設計でサイトを構築しなければなりません。 これまでのWebにおけるUI／UX これまで、PCのブラウザをメインにネットをする層が中心だった時代では、マウス操作が基本になっていました。 当たり前ですが画面上のマウスを操作して、クリックをしたり、ドラッグ・アンド・ドロップで対象を動かしたりする動作がメインになります。 UI／UXで言えば、ボタンをクリックするにしても、マウスでカーソルを移動させればボタンの色が変わったり、カーソルの矢印が人の指に変わったりするマウスオーバーアクションと言われるものです。 テキストリンクであれば、カーソルを対象に持って行くと、テキスト下線が消え、カラーが変わるなどの変化が当たり前になっていました。すべてはマウスでの移動させることが中心に

なぜ、レスポンシブに労力を費やすのか? 私達は全てのデバイスにおいて、スクリーンのサイズや縦横の方向といったユーザーの環境に左右されずに、ウェブサイトが利用しやすくなることを目指しています。 断片化された世界 2013年現在、数千種類のデバイスとスクリーンサイズがインターネットにアクセスしています。それら全てに対して、それぞれレイアウトを設計するのはもはや不可能です。そんなことより、デザインにより流動的なアプローチを取り入れるべきでしょう。 モバイルファースト 最近になって「モバイルファースト」という言葉がそこらじゅうで聞かれるようになりました。その言葉は、モバイル向けのスタイルから始めて、必要とされる時に大きなスクリーンに最適化したスタイルを適用するということを意味します。言い換えると、作成したモバイル向けのスタイルがデフォルトになり、それ以降に書き換える必要はないということです。それは

3月も終わり4月が始まるということで、3月中に話題になったWebサービスやアプリを12個ほどご紹介します。 Presso（プレッソ） 先日はてながリリースした、ニュースアプリです。 既存のニュースアプリとの違いは、ユーザーの興味（カテゴリから選択する）にもとづいた情報が配信されるところ。そして1つ1つの記事に、はてなブックマーク経由で投稿されたコメントが表示されるのも特徴的です。デザインもフラットでいい感じです。 Webflow コードを書かなくても、レスポンシブで美しいWebサイトが簡単に作れるサービスが登場しました。しかも無料。 「Build beautiful, responsive websites without code.」 テンプレートもデザインが整っていて、サイトを作成したあとにコードを、画像ファイルも含めて書き出すことができるのには驚きました。ただ単に何かをつくるだけのコ

どうも〜こんにちはぁ！　最近レスポンシブなサイトを作ることが多いライターの、のび太です。 モバイル、タブレットユーザーが最近どんどん増えてきているので、Web制作者にとってレスポンシブなサイトが作れるってことが必須になるんじゃないかなぁ〜って感じますね。 レスポンシブデザインを制作するときに意識しなきゃいけないことはいろいろありますが、今回は「これはぜったいに知っておきたいよね！」って感じた基本的なことを7つご紹介させていただきたいと思います。 レスポンシブデザインを制作するときに意識しておきたい基本項目7つ 1. 画像の代わりになるべくCSSで表現すべし レスポンシブデザインで画像を使うと、モバイル端末ではPCに比べて回線速度が遅いため、読み込み時間が余計にかかってしまいます。 そのため、画像ではなくCSSで表現可能なものはどんどん代替していったほうがいいと思います。 立体ボタンや矢印だ

ユーザー獲得（アクイジション）最大の間口の１つ、ランディングページ。 テンプレが固定されているGoogle PlayやApp Storeと比べてデザインの融通が利く分、アプリの印象を伝える最適なマーケティング・チャネルです。 一方、リソースの少ないスタートアップではアプリの開発に手がいっぱいで、LPのデザインに多くの工数をかけられないのも現実です。 そこで本日は、多くのリソースを割かずともアプリの魅力を印象づけられる超かっこいいLPテンプレを10個ご紹介致します！ FeedApp 特徴:　カラフルなフラットデザイン 価格:　10ドル レスポンシブ:　PC、タブレット、スマホ対応 ライブデモはこちら Landiin 特徴:　アプリ内UIのサンプルを動的に見せることが可能 価格:　11ドル レスポンシブ:　PC、タブレット、スマホ対応 ライブデモはこちら Rise 特徴:　3種類のバリエーショ

2. 印刷会社で DTP オペレーターとして 2 年間勤めたあと退職し、 Web デザイナーのアルバイトとして複数の制作会社を転々としたり 海外に行ったりしたあと横浜の制作会社に務める。 制作会社でデザイン、コーディング、ディレクション、 コンサル等を幅広く経験する。2012 年 4 月よりフリーランスとして独立。 「レスポンシブWebデザイン入門」執筆 小川 裕之 barchin  hiro.ogw 13年10月8日火曜日

作成：2014/01/27 更新：2015/08/07 Web制作 > 前回、Web制作の一連の流れを書きましたが、今回は少し掘り下げて「コーディング」についてのフローをまとめます(HTML5+レスポンシブ+WordPress)。会社によって違うと思いますが、ざっくりとしたコーディングの流れと気をつけておきたいことをメモしています。 エンジニア速報は Twitter の@commteで配信しています。 もくじ コーディング前の準備 １．仕様書の確認 ２．入稿データの確認・スケジューリング HTML5 マークアップ ３．テンプレート作成 ４．条件付きコメント ５．GCF＋キャッシュクリア ６．OGP記述 ７．ファビコン ８．アウトライン作成 ９．バリデーターをチェック CSS の設定 １０．ノーマライズスタイル レスポンシブデザイン設計 １１．モバイルファーストを基準に設計 １２．プログレッ

photo by Scolirk 地方でもマルチデバイス対応を求められることが多くなってきました。 徐々に対応しているところが増えてきたためだと思います。 私も昨年からレスポンシブWEBデザインについて、 対応する必要がありましたので、調べたものをまとめてみました。 もくじ レスポンシブWebデザインとは？ ギャラリーサイト レスポンシブWebデザインの作り方 画像の切り替え・最適化 レスポンシブ対応のフレームワーク レスポンシブ対応のライブラリ サイトの高速化 レスポンシブWebデザインとは？ 2年程前から流行し始めたレスポンシブWebデザイン。 基本的な考え方、メリット・デメリットを理解しておかないとトラブルの元になります。 レスポンシブWebデザインの基本 レスポンシブWebデザインの基礎 必読！5分でわかる流行のレスポンシブWebデザインまとめ | 株式会社LIG 5分で分かるレス

Digital Inspiration：新しくなったGoogleマップでは、ウェブページに地図を埋め込むことが可能となりました。Googleマップのサイトを開き、埋め込みたいエリアをズームインします。右下の歯車アイコンをクリックして、メニューから「地図を埋め込む」オプションを選択すれば、埋め込みコードを取得できます。 埋め込みコードを使ったサンプルページがこちらです。デフォルトでは、Googleマップがレスポンシブに対応していません。スマートフォンなどでページを開くと、地図のサイズがデバイス画面にフィットせず、はみ出してしまいます。 同じGoogleマップをレスポンシブ対応で埋め込んだサンプルがこちら。ブラウザをリサイズしたり、スマートフォンからページを開いても、画面に合わせて地図のサイズを自動調整してくれます。 Googleマップをレスポンシブに埋め込む方法 以下がGoogleマップのデ

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

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

海外は本当に恐ろしいところで、びっくりするような... / 全部無料！レスポンシブ対応のHTML5テンプレー... / Brushed Template他...全12件 海外は本当に恐ろしいところで、びっくりするようなクオリティのテンプレートが無料で配布されていたりします。 そんな、無料とは信じられないデザイン性に優れレスポンシブデザインにも対応した驚愕のHTMLテンプレートを集めました。

2013年6月11日、検索サイト最大手のGoogleが検索結果のランキング変更に関する発表を行いました。 スマートフォン向け検索でのランキングの変更について GoogleのPierre Far氏（ウェブマスタートレンド担当アナリスト）によると、「スマートフォンユーザーへの更なる検索体験の向上と、スマートフォン環境での閲覧の支障を減らすため、Googleでは近日中に、誤った設定をおこなっているスマートフォン向けサイトに影響のある、いくつかのランキングの変更を予定しています」と述べています。 要はスマートフォンユーザーがより快適にサイトのコンテンツを閲覧し、ストレス無く探している情報をすぐに見つけることができるようにする変更なんですが、問題のあるサイト事例として以下を紹介しています。 デスクトップ向けサイトと、スマートフォン向けサイトでそれぞれ別々のURLを用意しているサイトの場合、リダイレク

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