タグ

designに関するzerr3596のブックマーク (11)

  • 寸法と解像度のチートシート

    その他の寸法 ハガキ … 148 mm × 100 mm (A6 より横が 5 %程度短い) 名刺 … 91 mm × 55 mm (B8 より横が 1 割程度短い) レター … 279 mm × 216 mm (A4 より縦が 1 割程度短く,横が数%長い) 新聞 … 開いた状態で 813 mm × 546 mm (A1 に近いが少し小さめ) クレジットカード … 85.6 mm × 54.0 mm 磁気カード … 85.0 mm × 57.5 mm テレホンカード … 86.0 mm × 54.0 mm CD … 直径 120 mm (穴は直径 15 mm,印刷可能範囲は直径 46 〜 116 mm の範囲) 証明書の写真の寸法 パスポート … 縦 4.5 cm × 横 3.5 cm 履歴書,TOEIC … 縦 4 cm × 横 3 cm TOEFL,英検 … 縦 3 cm × 横 3

  • メール向けの罫線&囲み枠素材30選! メルマガの装飾に今すぐ使える | メールマーケティング基礎講座

    テキストメール制作時にポイントになるのが、罫線や囲み枠を用いた装飾部分である。読者の注目を引くのに有効なだけではなく、トピックの見出しに番号をふって目次を用意すれば、メールの可読性が向上する。これまでの記事の中で触れた改行やフォントの問題をクリアすれば、表現力豊かな装飾を施すことができるだろう。 そこで今回は、メルマガなどですぐに活用できる罫線や囲み枠を紹介していく。まずは、テキストメールの注意点をおさらいしておこう。 機種依存文字を除く 丸囲い文字やローマ数字、単位記号、半角カタカナなどは特定のパソコンだけでしか読むことができず、文字化けの原因になるため使用を避ける。フォントを意識したレイアウトを 等幅フォントがセオリー。メルマガ内に「等幅フォントでご覧下さい」と記載する方法もあるが、プロポーショナルフォントでもレイアウトが崩れないようにすることが望ましい。主要メールソフト/Webメール

    メール向けの罫線&囲み枠素材30選! メルマガの装飾に今すぐ使える | メールマーケティング基礎講座
  • JPEG画像をより美しく、より軽量に最適化するテクニック

    JPEG画像をより美しく、より軽量に最適化するテクニックをSmashingMagazineから紹介します。 Clever JPEG Optimization Techniques 1. 「8ピクセル」のグリッド 2. カラーの最適化 3. JPEG最適化の一般的なTips 1. 「8ピクセル」のグリッド JPEG画像は、あなたが既に知っているように8x8のピクセルのブロックから成り立っています。画質を低くするとよく分かります。 この8x8ピクセルを利用して、JPEG画像を最適化します。 画質10で作成したサンプル 二つの正方形は同じ大きさ(8x8ピクセル)です。左上のはきれいに見え、右下のは汚く見えると思います。 これらは、それぞれ8x8のグリッドに並べたもので、左上はグリッドに揃えたもの、右下はグリッドに揃っていないものです。 保存する際に画像は、8x8ピクセルのブロックに分けられるため

  • ウェブデザインにおける効果的なコミュニケーションの取り方

    ウェブデザインにおける明確で効果的なコミュニケーションの取り方をSmashing Magazineから紹介します。 Clear And Effective Communication In Web Design 下記は、簡潔に意訳したものです。 1. コミュニケーションのアプローチ方法 ウェブサイトの来訪者とコミュニケーションを取るためのアプローチ方法をいくつか紹介します。 テキスト 見出しやコンテンツ内にかかわらず、来訪者はテキストをメッセージとして受け取ります。コミュニケーションにおいて、極めて重要な要素です。 画像 画像は、テキストよりもすばやくメッセージを伝えるときがあります。画像を作成する際は、メッセージを魅力的に伝えられるようにします。 タイトルとヘッダ タイトルとヘッダは、来訪者に主要なポイントと考えを伝える重要で効果的なものです。 アイコン アイコンはウェブデザインの特徴的

  • デザインする人に必要な能力は?: DESIGN IT! w/LOVE

    不確実な時代をクネクネ蛇行しながら道を切りひらく非線形型ブログ。人間の思考の形の変遷を探求することをライフワークに。 発作的に、なんとなくデザイン(企画・設計)をする人に必要な能力なるものをまとめてみたくなったので実行(ようは自分の頭のなかを整理するため)。 もちろん、ここでいう「デザイン」は、ある問題を発見して解決するためのプランを考え実現させることをいう。なので、決して狭義のデザイナーのことではありません。 で、そういう意味での「デザイン」をする人にとって必要な能力をまず、ザクッと分類すると以下の4つに分けられるのではないか、と思います。 知る・感じる・疑問に思う解釈する・発想する・組み立てる具体化する・検証する・洗練させる仕事をはじめ、終わらせる どれもデザインをする上では欠かせない。 というわけで、ひとつひとつ整理していくことにします。 知る・感じる・疑問に思うスタート地点はやっぱ

  • 無料レタッチツール「GIMP」を使いこなす最強リンク集 :教えて君.net

    画像編集ソフト「GIMP」に搭載された強力な機能を活用すれば、写真を面白おかしく改造するのも、イケメン写真を捏造するのもお手の物だ。「なにやらズゴイらしいけど、使い方を覚えるのが大変そう」などとGIMPの導入に二の足を踏んでいた人も、この記事を参考にして、ぜひコラ画像作成に挑戦しよう。 GIMP 徹底活用ガイド 2009 (インプレスムック エムディエヌ・ムック)(MdN) ¥1,575 マーケットプレイス 新品最安値:¥1,575(+送料) (価格は2009/02/04 18:37時点のものです) ダウンロード&インストール まずはGIMPをダウンロードしよう。現在の最新バージョンは2.6.4だ。リンク先ではインストールの手順を説明している。 詳細はこちら→市販ソフト顔負けの高機能フォトレタッチソフト GIMP for Windows 基礎:GIMPで写真に落書きをする/人物を切り抜

  • IDEA * IDEA

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

    IDEA * IDEA
  • 誰でもカンタンに自分の“色彩感覚”をチェックできるWEBサイト|トレンド|無料動画 GyaO[ギャオ]|

    今回ご紹介するのは、色彩感覚をテストできると話題の「マンセルヒューテスト」。 それって何?という方や、カラーコーディネイトを始め“センス”には絶対の自信ありという方、カンタンに診断できますのでぜひ挑戦してみましょう! このWEBサイト「Munsell Hue Test(マンセルヒューテスト)」は、日語に訳すとマンセル“色相”試験といった内容です。 色をあらわす世界ではマンセル・カラー・システムというものがありますが、これは赤、黄、緑、青というような際立った色相を中心に、合理的な規則にしたがって色合いを表現したもので、米国の画家アルバート・マンセル氏が考案しました。 カラーバリエーションというと、よく赤からオレンジ、黄色、緑、水色、青、紫となってだんだんと赤に戻るような配色をあらわした円型の図などがありますが、まさにそういった図のことです。 と、難しい話はさておき、実際に行なってみ

  • Photoshopブラシを使って、簡単トレンドデザイン - DesignWalker

    Photoshopブラシを使って、簡単トレンドデザイン - DesignWalker
  • テキストをかっこよく魅せるPhotoshopのチュートリアル集:Part 6 | コリス

    テキストにグロッシー・ネオン・グラス・リベット・グラフィティ・グランジ・ポップ・グラデーションなどのエフェクトを使用したPhotoshopのチュートリアルの紹介です。 各サイトは英語ですが、キャプチャ付きで作成方法を説明しています。一部のサイトでは、PSDファイルをダウンロードできます。

  • 背景画像に最適!超ハイクオリティな400以上のパターン画像集:phpspot開発日誌

    400 High Quality Patterns | Design Reviver Patterns can be found every where. Most commonly we can see them in fabric and wallpaper, but they also make great visual elements for web design. 背景画像に最適!超ハイクオリティな400以上のパターン画像集。 単なる背景画像にしておくにはもったいないほど書き込みが細かくて、見ているだけでも楽しめます。 Damask Patterns Volume 2 ision Micro Patterns Vector Patterns 背景画像がいっぱいあって、色合いなんかもWEB上でかえられるようなサービスがあったらいいなと思いました。

  • 1