タグ

デザイン基本に関するmimimi0101のブックマーク (70)

  • グラフィックデザインのポッドキャスト Design Guyがいい感じ | fladdict

    最近、音楽の代わりにBGMにかけてるポッドキャスト。 Design Guy。 NHKとかそんなもんばっか聞いてると、心に悪いので。 デザイン系のポッドキャストなんだけど、グリッドデザインとかタイポグラフィーとかの話を英語で延々と喋ってくれる。現在 ep1 〜 ep40 ぐらいまで。 iTunesから定期購読できる。 テキスト版はコチラで見れます。 デザ系で英語リスニングの勉強したい人にはマジオススメ。

  • デザイン勉強会の資料を公開します。 - El diario de la diseadora viviendo en tokio

    すみません、昨日今日とだらだらしてしまって、すっかり資料の公開が遅くなってしまいました><2007年9月8日にノッキングオンさんにて行なわれたデザイン勉強会で、私がお話したことの資料を公開いたします。「デザイナーでない人のためのレイアウト入門」(pdfファイル・約41MB)当日お見せしたものから不要なアニメーション部分を取り除き、1ページ説明を追加してあります。このpdfだけでは当日お話したことがカバーし切れていないのですが、 そこは素晴らしき「ついったったー」の皆さまにより、完璧フォローされておりまする!(皆様に大感謝!!!)デザイン勉強会まとめサイト(by woopsdez嬢)デザイン勉強会のまとめをするよ!(by hamashunさん)「デザイン勉強会」に参加してきました!(その2)(by necozeさん) あ、あと、まとめサイトから、floralさんが録音してくださった音声データ

  • プロでも見落としがちなデザインの死角 - MdN Design Interactive

    デザインの質論から、上手な逃げの技まで プロでも見落としがちなデザインの死角 日々のデザインワークの中で、何となくやっていることや、改めて考えると意外に知らなかったことなどはいろいろあるだろう。今回の特集では、そういった多くの人が見落としがちなものを思いつくかぎり集め、まとめて紹介していく。質的な話からちょっとした逃げの技まで、デザインの知識が総合的に身につく内容だ。 知っておくべきこと ベーシックなパターンを応用してパターンをつくり込む パターンの質感を加工すれば、ベーシックなドットやストライプはどんなデザインにも活用できる。ここでは、加工したパターンを応用して、イメージに合わせてさらにつくり込むテクニックを紹介する。 制作/文:高野 徹[lolo66] ●URL:http://www.lolo66.com/ ●使用ソフト:Illustrator CS3、Photoshop CS3

  • まとめ:LH ライフハッカー科デザインクラス~デザインにまつわる66選 | ライフハッカー・ジャパン

    好みは分かれるものの、「かっこいい」、「かわいい」、「美しい」といったものに、人は魅力を感じるものです。それは、洋服から携帯電話、はたまた生きかたまで、さまざまなものが対象となっています。 PCやガジェットなどでも「かっこいい」、「かわいい」、「美しい」と感じる、グッドデザインなものが、たくさんあります。持つ人のファッション性が高まるということもありますが、何より、持っていて愛着がわくという点で、デザインが良いかどうかは、重要ですよね。 ライフハッカー読者の皆様は、PCの壁紙やアイコンなどの細かいところにも、スマートにグッドデザイン取り入れたいはず。そこで今回は、デザインにまつわる66選をお送りします。 ■ユアセルフ ・カッコいいオンラインプロフィールがサクっと作れる「Flavors.me」 ・Mii風のアバターが作成できる『My Avatar Editor』 ・顔写真をアップロードするだ

    まとめ:LH ライフハッカー科デザインクラス~デザインにまつわる66選 | ライフハッカー・ジャパン
  • 新着記事

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

    新着記事
  • 関口由紀の男性のトイレが多くて熟睡できない夜間頻尿対策と治療

    Hur man hanterar svartsjuka genom att förstå den Svartsjuka är en naturlig mänsklig känsla. Vi har nog alla känt den, vid olika tillfällen. Det utlöses av rädslan att förlora något som man värdesätter eller önskar. De vanligaste triggerna för svartsjuka … Tapetsering är ett bra alternativ för att förbättra hemmets utseende. Det är ett relativt enkelt att göra – och ett billigt sätt att göra stora

  • 【デザイナー修行日記】 ウープスデザインの石嶋さんにいろいろ教わった! - IDEA*IDEA 〜 百式管理人のライフハックブログ

    ドットインストール代表のライフハックブログ

    【デザイナー修行日記】 ウープスデザインの石嶋さんにいろいろ教わった! - IDEA*IDEA 〜 百式管理人のライフハックブログ
  • わずかな時間でユーザーの注意を惹きつけるウェブデザインの7つのポイント

    ユーザーがウェブサイトを訪れる時間はわずかなものです。その短時間の間に、ユーザーの注意を惹きつけ、印象に残るようにするための7つの方法を紹介します。 Billboard Web Design: How to Win Your Audience's Attention [ad#ad-2] 下記は各ポイントを意訳したものです。 元記事では他の事例やビルボードの素材も紹介しています。 はじめに 1. クリエイティブとユニーク 2. 説得力のある見出し 3. 巧妙さと辛辣さ 4. ブランディングを印象づける 5. 注意を惹きつけるアイキャッチ 6. ポイントはクリーンでシンプルでストレートに 7. 明快さとコントラスト はじめに 人の目を惹くビルボードスタイル(立て看板)の広告は目にした瞬間、簡単に人々の記憶に残り、楽しいものです。イメージのカラーやフォントも重要ですが、アイデアにもユニークがあり

  • ウェブデザインに黄金比やフィボナッチ数列など数学的な要素を取り入れる方法

    黄金比、フィボナッチ数列、ファイブエレメンツ、サインウェーブなど数学的な要素を巧みにウェブデザインに取り入れる方法をSmashing Magazineから紹介します。 Applying Mathematics To Web Design 下記は各ポイントを意訳したものです。 また、当サイトでも黄金比をウェブデザインに取り入れる簡単な方法を紹介していますので、あわせてどうぞ。 黄金比をサイトのデザインに取り入れる簡単な3つの方法 はじめに 1. 黄金比(黄金四角形) 2. フィボナッチ数列 3. ファイブエレメンツ 4. サインウェーブ [ad#ad-2] はじめに 「数学は美です。」 数字嫌いの人には、ばかばかしく聞こえるかもしれません。けれども、自然や宇宙にある美しいもの、最も小さい貝殻から最も大きい銀河まで、数学的な要素を持っています。 数学ははるか昔から今日まで芸術や建築のデザインに

  • 写真に大切な6つのデザイン要素とその効果的な使い方

    シンプルな題材でも印象的な写真にする、大切な6つのデザイン要素とその効果的な使い方をPhototuts+から紹介します。 6 Elements of Design for Striking Photographs 下記は、その意訳です。 はじめに 写真を印象的にするものは何でしょうか? それは誰にでもできる普通の方法で実践することができます。ここで取り上げるものはテーマやアイデアを一つに絞り、最小限で実践できるようにしました。それはシンプルで、当に偽りのないものです。ここではシンプルな題材を印象的な写真に変えるとができる6つのデザインエレメントに注目してみましょう。 ここで注目するデザインエレメントは、ライン、シェイプ、フォーム、テクスチャ、パターン、カラーの6つです。すべての写真に意図的か意図的ではないにしても、これらのデザインエレメントを含んでいます。特に、ライン、テクスチャ、カラー

  • ウェブデザインでこれは気をつけたいの35のポイント

    ウェブサイトやブログの作成・運営で、避けておきたい35個のミスをnetjellyから紹介します。 List of Web Design Mistakes You Should Avoid 下記は、各リストを意訳したものです。 ※訳者注: 一部過激なものは表現を少し和らげています。 はじめに ウェブサイトやブログを開発・作成する際に、避けた方がよいミスをリストアップしました。 1. 作るだけでは終わりではない ウェブサイトは開発・作成だけでは終わりではなく、公開・運営する必要があります。そして、オンラインやオフラインでウェブサイトの告知に手間や時間をかけることはいっそう必要になります。もし、あなた自身があなたのサイトについて時間をかけないなら、他の誰もそれはしないでしょう。 2. 広告をコンテンツに混ぜない 広告をコンテンツに混ぜると、短期的にはクリック数を増やすかもしれません。しかし、ユー

    ウェブデザインでこれは気をつけたいの35のポイント
  • パンくずのデザイン集と概要やデザインのポイント

    ウェブデザインで使用しているパンくずのデザイン集とパンくずの由来や概要、特長をはじめ、設置の判断基準、実装のよくある間違い、デザインのポイントを紹介します。

  • ウェブデザインに磨きをかけるテクスチャの効果的な使い方

    テクスチャの用途は単に背景に配置するだけではありません。最近のウェブトレンドでもある繊細なテクスチャを使用して、ウェブデザインに磨きをかける方法を紹介します。 How the use of textures can improve your web design 下記は各ポイントを意訳したものです。 はじめに 1. イラストの強調 2. エレメントのグルーピング 3. コンテンツの強調 4. リアリティとデザインの奥行き 5. 独創的な魅力 テクスチャを活用したウェブサイト集 はじめに ウェブデザインに必要なのは確かなる知識と創造性、そして情熱です。そして、素晴らしいウェブデザインを産みだすテクニックはたくさんあります。その中の一つ、テクスチャの使い方を紹介します。 1. イラストの強調 繊細なテクスチャは、イラストにより強い個性を与えることができます。下記のサイトにあるテクスチャは、イラ

  • 人気がある8つのウェブデザインのスタイルから学んでおきたいポイント

    人気があるウェブデザインのスタイルは良い悪いに関わらず、効果的に機能し人々を魅了する何かをもっています。 それぞれの主な特徴とそれがなぜ機能するのか、8つのウェブデザインのスタイルについて紹介します。 A Detailed Look into Popular Styles in Web Design [ad#ad-2] 下記は各ポイントを意訳したものです。 はじめに 1. Illustrations 2. Printed Paper 3. Realism 4. Imageless & Typography-Focused 5. Minimalism 6. Vintage Look 7. Large Images & Photo Backgrounds 8. Rich & Sleek User Interfaces おわりに はじめに さまざまなデザイナーがいるように、敬意をはらう多くのウェ

    mimimi0101
    mimimi0101 2010/10/14
    色|タイポグラフィ|背景|アナログ|シンプルを学ぶ
  • ミニマリズムから学ぶウェブデザインのセオリー

    伝えるべきメッセージを明確に伝え、余分なものを取り除くミニマリズムから学ぶウェブデザインのセオリーを紹介します。 Minimalism in Web Design: A Guide [ad#ad-2] ミニマルなウェブデザインってどういうの? という方には、下記の記事もおすすめです。 ミニマルなウェブデザインで使用される特徴的な12のエレメント 下記は各ポイントを意訳したものです。 はじめに 1. ミニマリズムの概念 2. 取り除く美学 3. よりスマートなカラー 4. タイポグラフィ 5. レイアウト構造 6. ネガティブスペース 7. バランス 何を学ぶべきか はじめに ミニマリズムは多くの異なるコンテクストで話し合われるワードです。それがライフスタイル、あるいは芸術スタイルにかかわらず、なにかがミニマリズムであるということはいろいろな意味をとることができます。 ウェブデザインにおいて

  • ホワイトスペース -十分に利用されていないデザインエレメント

    Whitespace: The Underutilized Design Element [ad#ad-2] 下記は各ポイントを意訳したものです。 はじめに ホワイトスペースとは 優雅さと洗練さ レジビリティとユーザビリティ ホワイトスペースに注目する はじめに 素晴らしいウェブデザインをつくりだす多くのエレメントがあります、その中でも十分に利用されていないものの一つがホワイトスペースです。すべてのデザインがホワイトスペースを持っていますが、問題はすべてのデザインが十分持っているわけではないということです。 これは経験不足のデザイナーと彼らのクライアントがホワイトスペースを単にスクリーンの領域の浪費として見るという事実があります。 しかし、真実は違います。ホワイトスペースはあなたのデザインの最も貴重なエレメントです。 ホワイトスペースとは その名前が暗示する白いスペースである必要はありませ

  • 色覚障がい者に配慮したWebサイトの作り方

    2017年4月11日 Webサイト制作, アクセシビリティ, 色彩 今持ってるプロジェクトの中で、視覚・色覚障がい者にも配慮したWebサイトの制作があります。視覚障がい者向けのサイト制作についてはいくつか記事を発見できたのですが、色覚障がい者に向けたWebサイト制作についてはなかなかヒットしなかったので、断片的に読んだものを記事にまとめました。参考にしてみてください! ↑私が10年以上利用している会計ソフト! 追記: 一部表記の仕方を変更しました。 色覚障がいについて 目の、色を認識する細胞の変異で、色の識別が異なることを「色覚障がい」「色覚異常」と呼びます。色覚障がいといってもいろいろな種類があり、ここでは人口の多い赤系統や緑系統の色の識別が困難な、赤緑色覚異常の場合について書いてみます。 困難な点としては 灰色だと思ったらピンクのシャツだった 焼肉の際、生肉と焼けている肉の区別がつきに

    色覚障がい者に配慮したWebサイトの作り方
  • デザインエレメント:ラインを使ってデザインする6つのチップス

    デザインエレメントの中でも最もシンプルな『ライン』をデザインに使う際、知っておきたい役立つチップスを紹介します。 6 Tips for Designing With Lines [ad#ad-2] 下記は各ポイントを意訳したものです。 はじめに 1. Use an Underline 2. Break Up the Line 3. Flank the Type 4. Go Vertical 5. Go Diagonal 6. Go Nuts はじめに ここでは最もシンプルなデザインエレメントである「ライン」について見てみます。 デザインにシンプルなラインをほんの少し加えるだけで、退屈なデザインに構造とグラフィカルなスタイルを与えることができます。ラインが効果的に使われた時にはシンプルなトリックではなくなり、素晴らしいデザインになるでしょう。 1. Use an Underline タイポグ

  • webデザイン初心者がデザイン力を磨く方法 - 久保清隆のブログ

    webデザインをどうやって磨いていったらいいかを、人から聞いたり考えたり調べたりしたものをまとめた。 デザインを見る力、判断力を養う 質の高いデザインを作るためには、デザインの質を判断することが重要 自分自身のデザインを客観的に判断できれば、デザイン力を高めることは可能 見る目を養うことが、デザイン力向上の第一歩 優れたデザインを紹介するサイトを見る 優れたデザインのサイトを見つけるには? 優れたサイトを紹介するサイトを定期的に見に行ったり、RSSを購読する 優れたデザインに触れることで、自分自身に刺激を与えたり、デザイン面での流行を感じる 例 真似からはじめるウェブデザイン | DesignWalker イケサイ ウェブデザイナーのWEBデザインデータベース ike design Mk-II http://s-5.boy.jp/S5-Style/ コリス | サイト制作に関する最新の情報

    webデザイン初心者がデザイン力を磨く方法 - 久保清隆のブログ
  • 【レポート】Webデザイナが犯しがちな10の過ち | エンタープライズ | マイコミジャーナル

    Noupe passionately delivers stylish and dynamic news for designers and web-developers on all subjects of design, ranging from; CSS, Ajax, Javascript, web design, graphics, typography, advertising & much more. What is the worst mistake you see other designers make all the time? - Noupe Design Blogにおいて、Webデザイナが犯しがちな10の過ちが紹介されている。Noupe Designブログの読者から意見を募って、その集計結果をまとめた内容になっている。以前Smashing MagazineがWebデ