黄金比ってWebではどうなの？～三分割法と黄金比の話～｜株式会社アクトゼロ｜クリエイティブブログ
こんにちは。毎日暑いですね…。猛暑日が続き、いよいよ夏バテがやってきそうです。夏はイベントも多く外に出たくなりやすいですが、外出の際はこまめに水分補給をしましょう！私はビール補給を毎日したいです。 さて、今日は美術やデザインを学ぶ中で一度は聞いたことはある『三分の一の法則(三分割法)』と『黄金比』について書こうと思います。皆さんはこの法則を意識してデザインをしたことがありますか？ 三分の一の法則とは？ まずは三分の一の法則について。 イラストや写真、文字などの要素を１つのエリアにレイアウトするとき、画面の中を分割するようなイメージでそれぞれの範囲に役割を与えると、受け手に情報が伝わりやすくなります。例えば、「写真のエリア」「タイトルのエリア」「説明のエリア」といったイメージです。このように3つの要素を配置する際に、三分の一を意識してあげると、全体的にまとまった印象になります。 上図のように
これがあれば自信が持てる! ライター必携の原稿セルフチェックシート15項目 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。子煩悩ライターのイワタテです。 娘、と書くより、愛娘、と書いた方がしっくり来るんです。 きっと、愛しているからでしょうね。 ところで、ライターという職種に限らず、仕事で文章を書くすべてのみなさん。 原稿、自信をもって出していますか？ 僕は、自信をもって出しています。 その秘密は、原稿提出直前に必ず使う、15項目のセルフチェックシートです。 このチェックシートを活用するようになってからというもの、クライアントの機嫌は良くなるし、読者からのレスポンスが見違えたし、みるみる仕事が増えていくし……父ちゃんやったぜ愛娘！ 原稿送信のボタンを押すときはいつも不安になるという方。 よろしければこのチェックシート、印刷して机のどこかに貼って、使ってみてください。 □ 原稿の結論がタイトルに明記されているか。 何が書いてある原稿か直感的に理解できなければ、そもそも読者はページを開かない。 □ 想
［ウェブサービスレビュー］黄金比などをオンラインで簡単に算出できる「Metallic Ratio」
内容：「Metallic Ratio」は、オンラインで黄金比などを簡単に算出できるサービスだ。デザインにおいて目安に用いられる黄金比や白銀比といった比率を、クリック操作だけで算出し、ビジュアルでわかりやすく表示してくれることが特徴だ。 「Metallic Ratio」は、オンラインで黄金比などを簡単に算出できるサービスだ。デザインにおいて目安に用いられる黄金比や白銀比といった比率を、クリック操作だけで算出し、ビジュアルでわかりやすく表示してくれることが特徴だ。 本サービスはトップページのみの1ページで構成されている。上段には黄金比や白銀比などの比率、中段には結果を表示するための図形が描かれており、例えば上段で白銀比（Silver Ratio）をクリックすると、中段で100だった値が141に切り替わり、図形が横に伸びる。黄金比（Golden Ratio）をクリックすると値が161に切り替わり
【WordPressで特定のカテゴリの記事「だけ」に特定の要素（バナーやテキストリンクなど）を表示する方法】｜今村だけがよくわかるブログ
例えばですが、特定のカテゴリの記事を見てくれた方に、特定のリンクとかバナーとかを表示させたいときが私はあります。「他のカテゴリーでは見えないけど、このカテゴリーの記事を見てくれた方には、ピンポイントでこのリンクも参考として見てほしいです。ぜひこれも！」みたいな。 同じカテゴリの最新記事とか、関連記事とか、そういうコンテンツとはまた別の位置づけで私は結構よく使います。特に、「他のカテゴリでは見えないけど」ってところをやりたい。 そんなときは、WordPressでは便利な方法がありますので、ご紹介します～。もし興味がございましたら、ご覧くださいませ。 「in_category」を使います「テンプレートタグ/in category – WordPress Codex 日本語版」を参考に、サンプルコードを引用いたします～。 サンプルコード<?php if ( in_category( $categ
フロップデザインフォント
フロップデザインフォントという商用可の日本語フリーフォント フロップデザインフォントは、どなたでも自由に無料でダウンロードして、商用・非商用問わず使用できる日本語フリーフォントです。このフォントは第二水準の漢字も含まれ、ワープロ、Adobe製グラフィックソフトなどのアプリケーションで自由に加工して使えます。ひらがな、カタカナ、アルファベット、数字をオリジナルで制作し、残りの部分をM+FONTで補いました。またM+FONTで不足している漢字をIPAゴシックで補完しています。 フォントのデザイン特徴について 水平、垂直の線がデザインの基本となっているシンプルなゴシック体の日本語フォントです。暖かみのある手書きを感じさせるひらがな、シャープなイメージのカタカナ、スマートでデザイン性の高いアルファベット（英語）、スタンダードで読みやすい数字とそれぞれ異なる考えに基づいて作られたフォントです。しかし
最新のSEO対策！ “NAVERまとめの術”をWordPressに設定する完全ガイド
いやいや、以前からですが「まとめ」サイトがめちゃ強いですね。 まとめといっても「2chまとめ」ではないですよ。「NAVERまとめ」です。 これらの何が強いのかというと、「カテゴリー」と呼ばれる関連の記事一覧を表示したページが軒並みビッグキーワードでTOPを独占しております。このペンギンアップデートで駆逐されることを期待されていたのですが残念ながら牙城を揺るぎませんでした。 photo credit: WanyBae via photopin cc 本当にふざけんなってくらい単一キーワードで上位にいます。 それなら自分もマネしてしまえという事で 今回はこのSEO対策をWordPressに組み入れる手法を記事にしたいと思います。 最新SEO対策「まとめ術」をWordPressに 大袈裟な言い方ですが、つまりは「カテゴリー一覧」を有効に使おうね！という話です。 NAVERまとめで上位表示している
「学びたい、全ての人へ」creiveより
いつもcreive（クリーブ）をお読みいただきありがとうございます。 この記事は「いつもの記事」とは少し違います。 インターネットさえ繋がっていれば、学びたいコトが学べる時代になりました。 好きな時に好きなだけ学べて、何度でも繰り返して復習できる。 インターネットが提供してくれた価値は、計り知れない威力があります。 この記事は当初、 「ネットさえあれば自由に学べる！日本語で学習できるWebサービス」 というタイトルで作成するつもりでした。 ただそんな一発単体の記事では、世の中は1ミリも動かないと考えました。 私たちcreive（クリーブ）は、このメディアを通して「学びたいヒトが、学びたいコトを、自由に学べる世界」を創ります。 いまこの記事を読んでくださっている方は、ネットリテラシーが高く、すでに知っている情報ばかりかもしれません。 ただ、普段インターネットに触れない人たち（私の場合、地元の
美しいWebデザインをタイプ別に！見ないと損するパーツ別ギャラリーサイトまとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
中型ライダー（二輪）免許を持っているライターの内藤です。 本日は、ライダーキック並みの強烈さで役に立つ見本サイトをまとめてみたいと思います。 Web屋さんはご存じの方も多いかもしれませんが、ブログをしている一般の方、Webデザイン・DTPに興味のある方、お店を持っている方なども必見です！ 部品に特化した見本 部品に特化した見本サイトをご紹介します。 見出しデザイン（h1,h2,h3……その他DTPでも） はじめは見出しデザインに特化した見本サイトまとめ。 見出しデザイン.com http://midashi-design.com/ 見出しタグ（h1,h2,h3……）のデザインの見本ですが、DTPなどでもヒントになるものがたくさんあります。 カテゴライズは、グラデーション・テキストのみ・テキスト非画像・上線・下線・丸・四角・囲み線・斜線・点線・角丸。 ヘッダー部分に凝っても見出しが適当だと全
「PhotoshopによるWebデザインカンプ制作はFireworksに比べて効率が悪い」という都市伝説について
2013/5/7に、Adobe Fireworks の事実上の開発終了が発表されました。 ただし、「バグ修正やセキュリティ関連のアップデートは継続する」とのことですが、いつまでも使い続けられることを保証するものではないので、Fireworks ユーザーの方はそう遠くないうちに別のアプリケーションに乗り換える必要があると思います。 Adobe、Web画像ツール「Fireworks」終了へ – ITmedia ニュース 移行先アプリケーションの候補の1つである Photoshop について、Twitterを見ていると「Photoshop でのWebデザインは制作効率が悪い」という方が多いようですが、私はそんなことはないと思っています。 なぜそう言えるのかについて、簡単にまとめてみました。 目次 FireworksとPhotoshop、それぞれのメリットとデメリット なぜ「Photoshopは効
SEOだけで100万PVを集めるECサイトを作るために必須のWEB集客の基礎
ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. サイトを作り込み、バッチリSEOも施したのに思ったようにアクセスが集まらない。 または、あらゆる対策を施して、やっとアクセスは集まるようになったけど、そこから売上がほとんど出ない。 もしくは、ECサイトへの集客の大半を、PPCで大金を費やして集めていて、売上数字は出ているけど、実情は赤字・・・。 あなたは、こういう悩みを抱えてはいないだろうか？ もし、そうだとしても、今からSEOやキーワードリサーチの基礎、そしてWEBコンテンツ作りの基礎を抑えて、一つずつ改善していくことで、驚くほどサイトのパフォーマンスを向上させることができる。 例えば、主にPPC広告に頼っていたアクセスを、SEOだけで無料で集めることができるし（しかも100万単位で！
配色に悩んだときに使える最近の便利なWebサービス
Colllor任意の色を指定すると、トーン表や同... / 配色の見本帳色をクリックすると、どんどん新しい色... / iWantHue簡単操作のカラーパレットジェネレ...他...全8件
簡単に今すぐできる！WEB制作を「はじめて」する人が分かるまとめ
作成：2013/03/4 更新：2014/11/01 Web制作 > もし「全部」自分でやることになっても 一人でサクッと作れるようになりたい 今回はWeb制作や、ツール・ソフトの使い方が「簡単」に分かる、デザインが良い「マニュアル的」なサイトを抜粋しまとめました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ １．Photoshop (フォトショップ) ２．Illustrator (イラストレーター) ３．Dreamweaver (ドリームウィーバー) ４．iPhone アプリ ５．Kindle 出版 ６．WordPress ７．スマートフォンサイト ８．アフィリエイト ９．アクセスアップ / ブログ １０．ライティング １１．SEO １２．プログラミング １３．html / CSS １４．Google Analytics １５．レスポンシブ Photos
Macユーザの私がWeb制作を行う上で使用しているアプリ・ツール・サービス・ブックマークレットなどのまとめ
昨年より、5年間やっていたDTPの部署からWeb制作の担当と相成った私。 正直、まだまだお勉強中のWeb制作なのですが、ちょいとここいらで今自分が使用しているアプリ・ツール・サービスなどをまとめておこうと思います。 デザインに使用しているアプリ まずはデザインに使用しているアプリ。 Adobe Photoshop・Illustrator デザインに使用しているのはAdobeのPhotoshopとIllustrator。（CS5） DTPのころから使っているので非常に慣れているのはいいのですが、おかげさまで新しい環境に飛び込む勇気がなく、いつか覚えようと思っているFireworksに手を出す時間がございません。 まぁそのうち…うん…。 どんな風にIllustratorやPhotoshopを使用しているのかは、以下の記事をごらんくだしあ。 これが出来れば中級者！Illustrator初心者のた
web製作者向けチートシートまとめ - CHROMA
List Adobe関連 Illustrator Photoshop Fireworks Indesign Acrobat HTML,CSS HTML 文字実体参照 CSS HTML5+CSS3サポートブラウザ Canvas Haml,Sass Haml Sass Vim,Zencoding Vim Zencoding javascript/jQuery javascript jQuery UNIX 正規表現 検証ツール Firebug Chrome Developer Tool ブラウザ関連 Chrome Safari Firefox IE Mac 参考 アプリ・ツール Adobe関連(CS5-CS6) CS5と6のチートシート上げてるけど、adobe製品なら簡単にエクスポートできると思う。例えばfireworksなら、メニューバーから[Fireworks>ショートカット>現在のセット：
MacのFinderにタブ機能を追加する「XtraFinder」。しかも無料。 - あなたのスイッチを押すブログ
MacBook Airなど、モニターの小さなパソコンを効率良く使うなら、アプリのウインドウは極力少なくしたいものです。 そうでないと、パソコンの画面がすぐにいっぱいになってしまい、作業の混乱を招きます。例えるなら、机の上と同じですね。手帳・パソコン・ノート・本などが乱雑した机では、作業が捗らない。それと同じことが言えます。 それを解消するために色んなアイデアやアプリを凝らしています。その１つとして「XtraFinder」が非常にオススメです。 ▶「XtraFinder」のダウンロードページ このアプリは、Macのファイル管理「Finder」に、ウェブブラウザのようなタブ機能を加えられるアプリ。 複数のFinderを開こうとするなら、普通はウインドウを複数開かなければなりません。そうすると結局、どのFinderウインドウに何を表示していたか分からず、結局は画面が乱雑になってしまいます。 それ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.web-rider.jp/matsuo/%E5%A3%B2%E3%82%8A%E4%B8%8A%E3%81%92%E3%81%8C%E5%8A%87%E7%9A%84%E3%81%AB%E6%94%B9%E5%96%84%E3%81%99%E3%82%8B%E5%A3%B2%E3%82%8C%E3%82%8B%E6%96%87%E7%AB%A0%E3%81%AE%E6%9B%B8%E3%81%8D%E6%96%B9/
html5-memo.com
html5-memo.com
html5-memo.com
新着記事
