タグ

tipsと基本に関するropparaのブックマーク (6)

  • 【初心者向け】誰でもできるデザインの7つの基本でWeb制作・ブログ運営・資料作成をより創造的に - Life is colourful.

    世の中はデザインで溢れている。ブログを運営するとき、会社で資料を作るとき、普段の生活の中でも結構「デザインする」ことに直面する場面は多い。キレイで便利なテンプレートやテーマを使えば済む話だけれど、素人やデザイン初心者でも、少しでもデザインに関する意識があれば、仕事だけでなくプライベートでも応用がきくし、思考の幅も広がって楽しい。 デザインするということは何も特別なことではなく、一握りの絵心のある人が特殊なグラフィックツールや生まれ持ったセンス用いて、創造的な作品を生み出すことだけを意味するわけではない。 誰でもできるデザインもある。 そしてそれは、ちょっとした知識があって、何かを作るときにほんの少し気をつければいいだけの作業である。(このエントリーでいう「デザイン」とは、そういうものと定義する。) この記事では、デザイン初心者に向けて、デザインの簡単な7つの基を紹介してみる。実際にこの7

    【初心者向け】誰でもできるデザインの7つの基本でWeb制作・ブログ運営・資料作成をより創造的に - Life is colourful.
  • 写真を始めたらまず覚えたい基本のカンタン4構図

    同じ風景の写真を撮っても、上手な人が撮った写真は写真全体がスッと目に入ってきて安定感がありますよね。そのポイントは”構図”にあります。 構図さえしっかりしていれば、他の要素が多少イマイチでもそれっぽく見えてしまうのです。そこで今回は写真を始めたらまず覚えておきたい基の構図をいくつかご紹介します! 最初に覚えるべき基構図は4つ同じ風景の写真を撮っても、上手な人が撮った写真は写真全体がスッと目に入ってきて安定感がありますよね。そのポイントは”構図”であることが多いです。 構図というのは写真の中でメインの被写体や背景などをどのように配置するかというものです。構図さえしっかりしていれば、他の要素(色とか明るさ)が多少イマイチでもそれっぽく見えてしまうのです! 芸術的センスのある人は特に構図を意識せずとも、スッキリとした安定感のある写真が撮れてしまうのですが、普通の人はなかなかそうは行きません。

    写真を始めたらまず覚えたい基本のカンタン4構図
    roppara
    roppara 2013/09/04
    これは分かりやすい説明だな。
  • ブログ記事のネタがない人へ送る3つのステップ

    みなさんいかがお過ごしでしょうか。 ブログライフたのしんでいますか!? 今回はそんなブロガーさん達のブログを作るときに考える3つのステップをご紹介致します。 はじめに考えるべきことは、そもそもネタがない状態という錯覚を改善し、来そこら中にネタが転がっているという状態にすることで、記事はポンポン生まれます。 というわけで、ネタとはどのようにして生まれるのかを考えます。 とりわけ最もカンタンに作れる方法として使われる3種の神器。 1.自分が困って、探して、解決した事 2.新しくて刺激的な事を見つけた 3.比較する こちらをご紹介します。 ステップ1 自分が困って、探して、解決した事 第一に自分が何かを探して、それをもとに解決することができた問題があるならば、それを優先的に公開していくことで、SEO的にも優位に働きます。 ここで注意して欲しいのは、よく見かけるダメダメなパターンの一つに、ブログ

    ブログ記事のネタがない人へ送る3つのステップ
  • Webサイトの作り方のまとめ!コーディングまで。

    サンプルサイトの制作を通して、「Webサイトのコーディング」についてまとめました。 ここで言うコーディングとは、「HTMLで文書を書いて(マークアップして)、CSSで見栄えを整える(CSSコーディングする)」ことを指します。主に「Webデザイナー」と呼ばれる人たちが担う範囲のコーディングについて書いてます。 以下は目次です。クリックするとその項目へ移動します。 コーディングの下準備 ディレクトリの構造を考える ディレクトリの設置 Web開発環境について CotEditorというテキストエディタ Zen-Codingという便利なプラグイン その他のWeb開発環境 コーディング!まずはマークアップ(HTML) index.htmlの基設定 トップページの内容をマークアップ コーディング!レイアウトを整える(CSS) style.cssの基設定 トップページのレイアウトを整える <heade

    Webサイトの作り方のまとめ!コーディングまで。
    roppara
    roppara 2013/05/01
    ちょうど知りたかったないようなので助かった
  • CSS(スタイルシート)の基本、小技、テクニック総まとめ

    CSSの基や使える小技テクニックなどを幅広くまとめました。以前書いて今もそこそこアクセスがある「CSSの知識をもっと深める30+2の小技テクニック集|Webpark」という記事があるのですが、2年近く前の記事ですしパワーアップさせて作り直しました。 恐らく過去最長の記事ですので目次を作りました。クリックするとするりと移動します。基的な内容が多いですが、お役に立つ項目があればうれしいです。 ということで順番に説明していきます。 1. 全般的なこと 1-1. CSSリセット ブラウザごとでデフォルトのスタイルは異なっています。その違いをそのままにしておくと、後でブラウザ間の表示の違いに悩むことになり、どこが原因か分からないとイライラしてしまいます。 そんなことのないように、いったんデフォルトのスタイルをリセットしてしまおうというのがリセットCSSです。 方法は色々ありますが、個人的には一番

    CSS(スタイルシート)の基本、小技、テクニック総まとめ
  • html5-memo.com

    html5-memo.com
  • 1