そのデザインには理由がある！デザインの原則をWebデザインにどのように取り入れるのかのチュートリアル
デザインの原則をWebデザインにどのように取り入れるのか、それを言葉に表すのはなかなか難しいことです。デザインの原則を理解して手を動かす、またクライアントにデザインの説明を行うといったこともあるでしょう。 デザインにはなぜそうなるのかという理由があります。 実際のWebページのデザインを元に、デザインで大切な原則とそれらをWebデザインにどのように取り入れるのかを紹介します。 7 Undeniable Design Principles You Can't Ignore 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 photoshopvip.netというブログにも同記事の翻訳がありますが、あちらは無断翻訳・画像の使用も無断であると、元記事の作者から連絡を受けています。 使用するデザイン 1. Hierarchy -階層 2. Rep
【保存版】バナーの作り方やデザインの参考になる記事やサイトまとめ
皆さんは、満足したバナーが作れていますか？ バナーは、自社サイトへの誘導やCVにつなげるための重要な役割を果たします。 しかし、限られたサイズの中で、ターゲットに刺さるバナーをデザインするというのはなかなか難しいもの・・・。 そこで今回は、効果が高い高品質なバナーを作成するために役立つ記事やサイトをご紹介します。 Webデザイナーやディレクターには特におすすめです。 効果の出るバナーの作り方の参考になる記事 実際に効果の出ているバナーの事例を参考にすることは大いに役立ちます。 下記で紹介している記事を読みつつ、実践していけば、効果の出る高品質なバナーを作れるようになるでしょう。 100種以上の自社広告運用でわかった！バナー広告クリエイティブ4つの基本 LINEが今までに運用してきた広告からわかった、効果の出るバナークリエイティブを作るためのポイントを紹介している記事。 実際にたくさんのPD
UI/UXデザインに関わる者なら見ておきたい記事とスライド10選 - Sadakoa.jp-Blog-
2013-11-07 UI/UXデザインに関わる者なら見ておきたい記事とスライド10選 今回はUI/UXデザインについて触れてある記事やスライドで自分が実際に読んで参考になったと思ったものを備忘録としてまとめました。実際にUI/UXデザイナーの人や、僕と同じくUI/UXデザイナーを目指している人、また実際に興味がある人のお役に立てたら幸いです。 記事1 UI/UXの違いについて 5分でわかるUIとUXの違い : Excite Designer's Blog そもそもUIとUXは何が違うのかという事を知らない人もいると思います。 まずはUIとUXの違いについてはっきり知らなければなりません。 記事2 なぜUIとUXがよく混同されてしまうようになったのか UXとUIが混同されるワケ : could UIとUXが混同されてしまう理由について触れてある記事です。 僕も最初はUIとUXを混同
デザイン = 感情 + 使いやすさ｜選ばれるウェブデザインとは デザイン会社 ビートラックス: ブログ
近年ウェブデザインに関する様々なテクニックや理論が注目されているが、ユーザーを引きつけるデザインとはなんだろうか。意識してこのサイトのデザインが好きだからと選ぶ人もいるが、大抵の人は無意識に感覚で選ぶことが多い。 私がデザインを勉強していて思うことは、無意識に選ばれるデザインこそが一般ユーザーから見た客観的なユーザビリティを理解したデザインができていると思う。使いやすさはユーザーに選ばれる一番の理由である。 さらに、彼らの心をつかむには感情に訴えるデザインも大切である。論理的に文字で訴えることも大事だが、ビジュアルなどを使って感情に訴えるデザインはサイトを見ている人との距離を縮めることができる大切なポイントである。 選ばれるウェブデザインはいくつかの点に注意すれば作ることができる。その為には今から紹介する９つの基本的なルールと感情に訴えるデザインがキーポイントとなる。 1. ゴールを明確に
NHKデザイン講座 「デザインで語る "これが紅白歌合戦の舞台裏だ！"」 実況まとめ
コクブカメラ⊿ 東京②石川①愛知②広島②pw②⑥ @kokubucamera 紅白の舞台裏話を聞いてくるよ！ "番組のトータルデザイン、出演アーティストごとのステージデザイン、CGデザイン、広報戦略などなど、デザインを切り口に、番組の舞台裏をご披露"：デザインで語る「これが紅白歌合戦の舞台裏だ！」｜ NHK https://t.co/KtOTb7ni 2013-02-16 12:17:24 コクブカメラ⊿ 東京②石川①愛知②広島②pw②⑥ @kokubucamera NHKデザイン講座 出前授業 「デザインで語る "これが紅白歌合戦の舞台裏だ！"」を聞きに多摩美術大学にきた！ (@ 多摩美術大学 上野毛キャンパス) [pic]: http://t.co/ebScEvq1 2013-02-16 13:25:09
WD101: Webのデザインは枠のない世界である
このシリーズでは Web Design101（WD101）と名付けて、ウェブデザインをより深く理解するための最初の一歩になる知識やノウハウをコラム形式で紹介していきます。 Webは見た目のコントロールがきかない モニターの外をデザインするのが大半である Webは寛容性をデザインする場である Webサイトのデザインは、グラフィックデザインやエディトリアルデザインと同じような感覚でデザインをすると、柔軟性・拡張性が欠けたものになるだけでなく、特定の環境でしか見れないものになることがあります。 こうなるひとつの要因として、グラフィックデザインやエディトリアルデザインが、特定の環境で見るということを前提にしてデザインしているからだと考えられます。A4の紙であったり、名刺サイズだったり、特注のコーティングを施したビルボードなど、決められた枠の中で世界を作り上げるデザインに対し、Webは枠があるようで
スマートフォン向けのサイトデザインでとっても大切な5つのポイント
J Taylor Design スマートフォンにおいて、スクリーン上のクリック（つまりタップ）無しに使うことは考えられません。ナビゲーションはユーザーが必要とすることが得られるように、明確な進路を与えるべきです。 ナビゲーションで重要なことは二つ。 まず、ナビゲーションが視覚的にタップ可能に見えるか確認してください。見た目をボタンやリストのようにしたり、矢印などを加えてもよいでしょう。ただし、スマートフォンではtitleのテキストをホバーで表示したり、ホバー時のエフェクトを適用できないので、それ無しでも押すことができるように見えることが大切なポイントです。 もう一つの重要なことは、ラベルです。 「戻る」というラベルがあれば、ユーザーは戻ることを期待します。これは当たり前のようですが、ユーザーにとってラベルが何を意味するか分かることを確認してください。 ラベルを有意義にするポイントは、シンプ
qlog » 私は広告賞を獲りたかった
今年入ってからずっと自閉気味で、ブログとか書ける感じではありませんでした。 あけましておめでとうございます。書きます。アルファブロガー目指します。 ========================== 先日、社員に、私がこの業界（どこからが業界なのかわからないし、今はインタラクティブ以外のことも結構やってるけど、たぶんインタラクティブ広告業界のこと）にちゃんと入った時期のことを話したら、それなりに受けたので、公開してみようかなと思う。 いわゆる、「おじさんの苦労話」にしかならないので、語ってもしょうもない気がするのだけど、参考にしてもらえるなら、嬉しいことだなあと。 私のことを昔から知らない方は結構驚かれるのだけれども、かなり最近の話である。 私は、いまちょうど、TIAA＝東京インタラクティブアドアワードの審査をしている。この賞の審査をするのも３年目だ。今年で10回目、日本のインタラクティ
いつ来るか分からない15分のために常に準備をしているのがプロ、デザイナー奥山清行による「ムーンショット」デザイン幸福論
「自分が考えていることを、その場で決められた時間の中で他の人とシェアしないのは、プロとして犯罪に近い」 「プロというのはシステムで仕事をする人間である」 「いつ来るか分からない15分のために常に準備をしているのがプロで、来ないかもしれないからと言って準備をしないのがアマチュア」 などなど、非常に刺激的な言葉が次々と飛び出したのが、CEDEC2011の2日目基調講演「「ムーンショット」 デザイン幸福論」です。 国際的な活躍を続けるインダストリアルデザイナー、奥山清行氏による講演となっており、「実際に会場にいらした方に直接語りかけたい」という本人の強い希望によって、ニコニコ動画「CEDECチャンネル」での配信や講演資料の配布はなし、「最後の瞬間まで講演内容を考えたい」ということで演題・内容についての事前発表もなし、という直前まで謎のベールに包まれていた講演だったのですが、見ての通り少し書き出し
Illustrator（Photoshop） のペンツールできれいなパス、ベジェ曲線を描くためのコツ（私流）
Illustrator や Photoshop のペンツール。 初心者の頃は、きれいな曲線が描けなくて悩んだものでした。そんなペンツール、パスの初心者さんのための、ペンツールできれいなベジェ曲線を描くコツを、一連の操作方法とともにまとめてみました。 ペンツールに挫折しちゃった人も、もう一回チャレンジしてみるきっかけになればうれしいです！ ペンツール初心者さんが対象の記事です。 Photoshop や Illustrator のペンツール … はっきり言って私はへたっぴーです。ペンツールは切り抜きをするときやイラストを書く時など、絶対に使いこなしたいツールですよね。ペンツールで描く曲線をベジェ曲線、アンカーやハンドル（後述）も含めてパスって呼んだりもしますが、この曲線が初心者さんにはとにかく難しい …。初心者さん向けの Illustrator の本や Webサイトを見ても、ペンツールできれい
実践! WEBビジュアルデザイン 第1回「デザインプロセスの落とし穴（前編）」 - MdN Design Interactive
2010年12月17日 TEXT：文＝田口 亮（（株）フォーデジット） Webデザインに必要な知識や考え方は、普遍的なものもあれば、案件やクライアントによって変化する部分もある。PCやネットの技術やトレンドの変化によっても変わっていく。そのような知識や考え方、取り組み方を学び、考えるうえで大事なことは、現場で役に立つ、実践的でリアルな知識を得ることだ。 そこで本連載では、Webデザインの現場で役に立つ、実践的なWebビジュアルデザインのトピックや考え方、取り組み方について考えていく。 ふだんWebをデザインしていて、デザインがうまく決まらなかったり、なんとなく全体的に良くない、デザインが迷走してしまうことがある。そこで今回は、そのような“デザインでハマるツボ”をいかに回避するかについて、Web制作のビジュアルデザインの現場の目線で解説する。 ■デザインが危ない！ デザインや制作は時間がなけ
最低限知っておきたい日本語フォントの基礎知識 | ラクスルマガジン
「ラクスルマガジン」はラクスル株式会社 が運営しています。 会社名：ラクスル株式会社 所在地：〒141-0021 東京都品川区上大崎2-24-9 アイケイビル1F 設立 ：2009年9月1日 ネット印刷会員数No.1 東京商工リサーチ調べ（2022年12月時点/主要ネット印刷サービスにおいて） © 2024 RAKSUL INC. All Rights Reserved.
[保存版]来年のためにチェックしておくべき、2010年ベスト系エントリー « Making Web Better
はじめに 僕はWebデザインというものは大好きなんですが、職業的にはWebデザイナーではありません。 でも、今の会社では基本的にWebサイトを作る人間が僕しかいません。（あとの２人はSEOが専門）なのでデザインも僕がやっているわけですが、いかんせん苦手で非常に苦労してます。 収益化がきちんとできてきたら、まずは一緒に働いてくれるデザイナーの方を探そうと思ってます。 デザインは大好きだけどデザインは苦手。 この矛盾があるため、僕はデザイナーの方（というよりも「見た目に関してクオリティを作り上げる」方）全般を超尊敬してます。 デザイナー向けのコミュニティサイト・情報サイトを個人で作ろうとした理由は、デザイナーとつながりを持つため、という理由でした。 そういう理由でデザイナー向けの情報を収集するようになって、今では英語圏のブログやデザイン系のコミュニティサイトをクローリングするようになり、
Blitz - ウェブクリエイタの人も，そうでない人も楽しめるデザインブログ
手相講座 オンラインが気になるなら、こちらのウェブサイトをよくチェックしたほうがいいです。 そして、あなたがすぐ副業になる 手相オンライン講座を購入しようとしているなら、上のウェブサイトで、すぐ副業になる 手相オンライン講座を手に入れると一体何ができるようになるのかについて、十分に理解した上で購入することをおすすめします。 また、レビューや評価が紹介されているなら、それについてもよくチェックしましょう。 下記のすぐ副業になる 手相オンライン講座についての情報も役に立つかもしれません。 商品名：すぐ副業になる 手相オンライン講座 販売商品紹介：手相をゼロから学んで副業になる！覚えなくても始められる！基本となる丘・線の解説に加え、応用力がつく読み方や豊富な実例も紹介。特典動画ではさらに学びを活用し副業にしていくための方法も解説した有料鑑定をやるための情報に特化した手相講座です。 電子書籍価格：
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Email Gallery
ウェブデザインのセンスを学ぼう、2012年上半期洗練されたディテールのUIデザインのまとめ
イラレラボ illustrator-labo – イラレについてのシノゴノ