新しい体験をデザインするために、デザイナーはデザイン対象分野の素人であるべきか、専門家であるべきか
こんにちは、@h0saです。 先月11月から、新しい環境で仕事をしています。 ６年半勤めたメーカー企業を離れ、アスリート向けのプロダクト・サービスを開発するベンチャー企業に転職しました。 UXデザイナーとして幅広くデバイス・アプリ・Webサービスに関わることができる環境で、今まで培ってきたスキルを存分に生かせる場にやりがいを感じています。（まだまだ人数が少なく、やるべきことがたくさんあります。） 新しい環境に移ってみて、改めて考えていることがあります。それは、表題の通り「デザイナーはデザイン対象分野の素人であるべきか、専門家であるべきか」。 今僕が取り組んでいるサービスは、ある特定の競技に重きを置いており、僕はそれに対しては完全に素人です。周囲には専門家が多く、専門的な会話にキャッチアップするために入社して早々専門書や雑誌を複数冊読んだりしました。 前職でも専門性の高い分野のUIデザインに
2014年Webデザイナーはコードをどこまで学ぶべきか、Webデザインが今までどのように進化してきたかのまとめ
Webデザイナーはコードを学ぶべき？ コーダーはデザインを学ぶべき？ 両方に精通している人はなかなか多くはいません。Webデザインがどのように進化してきたのかその流れをしっかり押さえ、デザインとコードのギャップをつなぐことができたか振り返ってみましょう。 A brief history of web design for designers 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 先日の彼らの記事「しっかりと理解しておきたい！レスポンシブWebデザインを使いこなすための9つの基本原則」と同様に、分かりやすいアニメーションもお楽しみください。 1989年：Webデザインの暗黒時代 1995年：Webデザインの始まりはテーブルから 1995年：JavaScriptが表現の幅を広げる 1996年：Flashにより自由の黄金期へ 19
あなたのインスピレーションが刺激されるであろう9つのWebサイト
こんにちは。 今回は、何かを制作する際に、アイデアのヒントになったりインスピレーションを刺激されるサイトを9つほどご紹介します。 The Book Cover Archive 世界の本の装丁をアーカイブしたサイト。 本の表紙からは、インスピレーションを受けることが多いです。 → The Book Cover Archive Ads of the World 世界の広告デザインをアーカイブしたサイトです。 地域、国別、業種、広告媒体別に分かれていて、様々なデザインに触れることができます。 → Ads of the World motions アイコンやインフォグラフィックなどのアニメーションの動きを、アーカイブしたギャラリーサイトです。 キャッチコピーは、あなたに「気持ちいい動き」のインスピレーションを。 → motions 404design 「404 not found」のページを集めた
分かるとWebデザインがもっと楽しくなる！考えてデザインする力が身につくオススメの書
何も考えずにPhotoshopやIllustratorを立ち上げ、デザイン作業に入ってしまうのは悪いクセ。 ユーザーをワクワクさせるデザインとはなにか？ この情報を分かりやすく伝えるデザインとはなにか？ クライアントの要望に応えるデザインとはなにか？ 考えてデザインする力が身につくオススメの本を紹介します。 グリッドや角丸を使う時もなんとなくではなく、その目的や効果的な使い方などしっかり身につけておきたいですね。 本書はコミュニケーションを軸に「人のことを考えたWebデザイン」ついて学び、Webデザインの思考のプロセスを身につけることができます。現役のデザイナーやディレクターの方には是非、手にとってほしい本です。 他のデザイン本とはかなり一線を画す内容となっています。 内容は大きく分けて、2つ。 1-3章はクライアントやチーム内でのコミュニケーション、4章からはユーザーとのコミュニケーショ
WebエンジニアのためのWebサービスデザイン実践講座
DeNA 社内勉強会に呼んでいただいて、お話させていただきました。 Reviewに登場していただいてるサービスはこちらです。 動く小説投稿サイト Denkinovel by @katryo さん http://denkinovel.com/ ご協力ありがとうございました( ˘ω˘)
Webデザイナーに愛を込めて。ディレクターが意識すべき７つのポイント | LPO研究所
LPO研究所所長の鎌田です。 先日、弊社デザイナーが「新人Webデザイナーにありがちな５つのコミュニケーショントラブルとその解消法」という記事を書きました。 この記事は公開2日で1万人以上もの方にお読みいただきまして、本当にありがたい限りなのですが、そのなかで 「指示を出すディレクターにも問題があるのでは？」 というご意見を同時に多数いただきました。 皆さんの仰るとおりでして、「売れるWebデザイン」というのは、デザイナーとディレクターの真剣勝負によってのみ生まれます。どちらか一方が依存している状態、考えていない状態では、ターゲットの心を掴むデザインを作ることはできません。 では、「売れるデザイン」をWebデザイナーに作ってもらうために、ディレクターは具体的にどう動けば良いのでしょうか？ 実はデザインディレクションにも、誰でもカンタンにマネできる「ちょっとしたコツ」があります。 今回は「デ
WD101: 画面ではなく部品から始めてみよう
このシリーズでは Web Design101（WD101）と名付けて、ウェブデザインをより深く理解するための最初の一歩になる知識やノウハウをコラム形式で紹介していきます。 Webは見た目のコントロールがきかない モニターの外をデザインするのが大半である Webは寛容性をデザインする場である Webのデザインは枠のない世界である Webデザインであるもの、そうでないもの Windows中心設計は5年前の話 すべてのデバイスやソフトウェアで同じように Web サイトをデザインするのは不可能といっても過言ではありませんし、むしろ違いを受け入れ、利用者の環境やニーズを尊重するのが Web デザインの本来あるべき姿です。柔軟性・拡張性をもつ Web ですが、Web デザインはページの概念を強く意識したビジュアルデザインが最優先された時期がありました。 パソコンが Web アクセスの中心だった頃は、利
新人デザイナーならブクマして損なしのWebデザインギャラリーサイト
【フレッシュなWebデザイナーの皆さんへ】数ある... / ━━国内ギャラリーサイト━━イケサイ、ABM、S... / 【イケサイ】国内のコーポレートサイトが中心のデザ...他...全14件 【フレッシュなWebデザイナーの皆さんへ】 数あるWebデザインギャラリーサイトの中で、新卒Webデザイナーがとりあえず毎日見ておけば間違いない特にオススメのギャラリーサイトをまとめました。
2013年試してみたい、フレッシュなウェブデザインのテクニック
ウェブデザインの基本はおさえつつ、フレッシュでクリエイティブものを取り入れたい！ そんなデザイナーに役立つテクニックを紹介します。 Fresh and Creative Web Design Techniques 下記は各ポイントを意訳したものです。 はじめに ホワイト/ネガティブスペースをもっと ピーチとサーモン より大きいのがベター イメージを動かす ストックフォトは使わない はじめに デザイナーとして、このことは新年を迎え最も興味深いものの一つです。そうです、2013年のデザイントレンドは何が大きくなるのかです。これは非常に大切なことです。 そのトレンドの後に次が何であるか、ウェブデザイナーは新しいトレンドが何であるか適切に把握しておかなければなりません。 トレンドは本当にデザインを面白くします。 もちろんレスポンシブは今年のトレンドでしょう、昨年もトレンドでした。そして、私たちはグ
【無料で商用可】文字の印象をグッと変える使いやすいカリグラフィーまとめ - Webデザイン初心者向けのあれこれ
「カリグラフィー」という言葉をご存じでしょうか？ カリグラフィーとは文字(特に欧文)を美しく書く技術のことです。古くはコーランにも用いられ書面を美しく飾ることに使われてきました。 参考 ： カリグラフィー - Wikipedia カリグラフィーはフォントにも用いられますが、今回はシンプルで使いやすい飾り枠としてのカリグラフィーを紹介します。 Abstract_Valentine02 http://www.allfreebrush.com/Vectors/Holiday/2011/0213/3597.html これからのシーズン、バレンタインに使えそうな可愛らしくもしつこくないカリグラフィー。 Caligraphy Design Elements http://www.allvectors.com/caligraphy-design-elements/ シンプルなラインのカリグラフィーがたく
Webデザインの参考に！おすすめのギャラリーサイト・リンク集まとめ
※この記事は、2013年1月30日に公開された記事を再編集したものです。 何かで立ち止まったり、行き詰まったりした時は「驚き」や「新しいアイデア」を得た時に、急に閃いて解決することがあります。 今回は、Webデザイナーである私が、普段から巡回しているインスピレーションを得られるおしゃれなWebサイトがのっているギャラリーサイトを集めてみました。 アイデアの参考にだけでなくチームやクライアントとのイメージ共有にもギャラリーサイトを活用することで、より円滑にコミュニケーションがとれたりします。 気に入ったギャラリーサイトがあれば、ブックマークしておきましょう！ ※できるだけ直近でも更新されているギャラリーサイトのみピックアップしていますが、もし更新がとまっているサイトがあればご了承ください。 Web Design Clip | Webデザインクリップ 国内がメインで掲載されています。 特徴的な
ECサイトにおける色違いやサイズ違いの商品ページのベストプラクティス
[対象: 中〜上級] この記事では、同じタイプの製品で色やサイズに複数のバリエーションがあるときのページ構成について解説します。 記事タイトルに「ベストプラクティス」と入れましたが、どんなアイテムを取り扱っているか、どんなシステムでサイトを構築しているか、すでに公開しているページかそれとも新規に公開するページか、検索需要はどのくらいあるか、何を最優先にするかなどさまざまな要因に依存するため、「この構成がベスト」と言い切ることはできません。 またそれぞれの構成にメリット・デメリットがあります。 したがってあなたのサイトの状況に応じて参考にしてもらえればと思います。 今回紹介するのは3種類の構成パターンです。 全バリエーションのページのみ 全バリエーションと個別のページ 個別ページのみ 順に説明します。 全バリエーションのページのみ 色ごとやサイズごとのページを設けません。 すべてが載ったペー
少ない手間と知識でそれなりに見せる、ズルいデザインテクニック
少ない手間と知識でそれなりに見せる、ズルいデザインテクニック：ズルいデザイン（1）（1/2 ページ） デザインが自分でイイ感じに作れたらいいなあというプログラマのみなさん。少ない手間で簡単に、ちょっといい感じのデザインに見せるための、ちょっとした小ズルいTipsを紹介します Webプログラマ、Webエンジニアの皆さんが、個人で作るWebサービスやハッカソンなどで、短期間に集中してサービス開発してローンチしたいときに、もうちょっと自分でイイ感じにデザインできるといいなあという声をよく聞きます。 この企画は、そんなプログラマが、少ない手間で簡単に、ちょっといい感じのデザインに見せるための、ちょっとした小ズルいTipsを紹介します。 （注）このページでは、個々のデザイン要素を分かりやすく説明するために、実寸サイズより画像を拡大して使用しています。 ズルいデザインはSassとCompassを利用し
少ない手間と知識でそれなりに見せる、ズルいデザインテクニック// Speaker Deck
少ない手間と知識でそれなりに見せる、ズルいデザインテクニック with Sass / Compass (English Version) https://speakerdeck.com/ken_c_lo/zurui-design-technique-english-version 第一回…
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新着記事
新着記事
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP