Posts Tagged ‘無料サービス’
デザイナーなら知っておきたい デザイン黄金比
黄金比をデザインに取り入れる方法
皆さんこんにちわ。
今回はデザインする時に参考にしたい黄金比についてお話しますね。
黄金比とは人が安定感や調和を感じ、最も美しいと思う比率です。
1 : (1+√5)÷2 という比率で約 1 : 1.618になります。
この黄金比はピラミッドなど古代の建築物や絵画の多くにも使われ、アップル社のロゴや製品、またキャノンのデジカメのデザインにも使われているようです。
美しいと評されている多くのものの中にこの比率が使われています。
またこの比率は美しいだけでなく機能や効率の点でも非常に優れています。
円周360°を 1 : (1+√5)÷2に分けると約137.5°という角度になり、これは黄金角と呼ばれています。
この黄金角は多くの植物が新たに成長する方向の角度です。
花びらが1つ前に生成された角度を基準にこの角度の方向に成長すると以前に生成されたどの花びらとも異なる方向に成長することができます。
花びらの生成が何回繰り返され、何周したとしても決して以前の花びらと同じ方向になることはないのです。
バラの花びらを観察するなら、納得して頂けるのではないでしょうか。
またこの比率は次の数列とも関連があります。
1,1,2,3,5,8,13,21,34 と来たら次にはどんな数が続くと思いますか？
次は55です。そしてその次は89。この数列にどんなルールがあるかお分かりになったでしょうか。
次に来る数は前の2つの数を合計したものになっていて、この数列はフィボナッチ数列と呼ばれています。
このフィボナッチ数列の隣り合った数の比は数列が進むにつれ、だんだんと黄金比に近づいていくのです。
1÷1=1 2÷1=2 3÷2=1.5 5÷3=1.6666 8÷5=1.6 13÷8=1.625 21÷13=1.61538…
さらに興味深いのは多くの花の花びらの枚数がこのフィボナッチ数列の数であるということです。
紫つゆくさ3 桜5 コスモス8 マリーゴールド13 マーガレット21などがその例です。
以下は黄金比とフィボナッチ数列を説明する「Nature by Numbers」という動画です。
自然界のいたるところに存在し、人間が最も美しいと感じるこの黄金比をあなたのデザインにも取り入れてみるのはいかがでしょうか。
黄金比をデザインに利用する方法を解説したサイトを幾つかご紹介したいと思います。
webデザイン講座 おしゃれチップス
黄金比と白銀比をデザインに活用する方法が記述されています。
webデザイン講座 おしゃれチップス 黄金比と白銀比を活用しよう
coliss
矩形・マージン・パーツに黄金比を活用する方法が説明されています。
coliss 黄金比をサイトのデザインに取り入れる簡単な３つの方法
[Z]ZAPAブロ～グ2.0
1ヶ所の幅を指定すると、残りの幅を全て自動で計算してくれるツールです。
[Z]ZAPAブロ～グ2.0 Webデザイン黄金比計算ツール
Design Develop
黄金比をWEBデザインで簡単に利用できるWEBツール「Golden Ratio Calculator」の利用方法を説明しています。
Design Develop 黄金比でWEBデザイン「Golden Ratio Calculator」
Re:Creator’s Kansai
黄金比の利用方法を載せている色々なサイトを紹介しています。
Re:Creator’s Kansai Webデザインに黄金比を取り入れよう
デザイナーなら知っておきたい 無料で使えるカラーツール
デザインの配色に迷ったら参考にできるサイト
皆さんこんにちわ。
今回は無料で使えるカラーツールについてお話しますね。
ご存知の通り色が与える印象はとても強いものです。
人を元気づけたり活動的にならせたりする色もあれば、気持ちを落ち着かせ冷静な気持ちにさせる色もあります。
私たちは知らず知らずのうちに目にするものの色から少なからず影響を受けているものですね。
ではこれをデザインする側の観点から考えてみましょう。
人にはそれぞれ好みの色があるものですが、プロのデザイナーなら自分の好みを優先させるよりも制作物の目的の達成に最も適した色選びをするはずです。
配色は見る人に特定のメッセージを伝え、時には人を何らかの行動へと促すこともあるからです。
では今制作しようとしている物を主に利用する性別や年代の人はどんな色を好むのでしょうか？
また扱っている企業を適切に表現するのはどんな配色でしょうか？
こうした色選びを自分で考えながら行うこともできますが、以下のサイトを参考にしてみるのはいかがでしょうか？
kuler
Color Scheme Designer
類似色や補色の組み合わせの配色を表示してくれます。
COLOR SCHEMER ONLINE
クリックした色に合った配色を表示してくれます。
I Like Your Colors
URLを入力するとそのサイトで利用している色を抽出してくれます。
webセーフカラー配色辞典
各テーマごとに配色を表示してくれます。
Mariのいろえんぴつ
ホームページの配色やトーン別の配色を表示してくれます。
デザイナーなら知っておきたい 無料アイコンダウンロードサイト
WEBで使うアイコン素材を無料でダウンロードできる
皆さんこんにちわ。
今回は無料で利用可能なアイコン素材をダウンロードできるサイトをご紹介しますね。
皆さんもご存じの通りアイコンを使うと見出しにデザイン性を加えることができますね。さらにアイコンの絵柄は見ただけで利用者に特定の意味を伝えることもできます。
そんな便利なアイコンですが、自分でいちから作ると結構手間がかかるものです。
以下のサイトからダウンロードして使ってみるのはいかがでしょうか？
各サイトによって利用方法や注意点が異なりますのでそれらを参照の上、ご利用下さい。
デザイン素材.com
WEBに使えるアイコンがたくさん揃っています。
しかも商用利用も可能で、加工も自由です。
Icon Toucan
使いたいアイコンを右の「DROP HERE」ボタン上にドラックし、Downloadボタンをクリックすることで簡単にダウンロードできます。
0円のweb素材屋さん
プロのwebデザイナーによって作られているアイコン、ボタン、背景、バナーなどが豊富に用意されています。ビジネス向けの商用にも利用できます。
FIND ICONS
キーワードを入力するだけで、種類豊富なアイコンを検索することができるサイトです。
無料で配信できるインターネット動画共有サービス
スマートフォンを使って動画のライブ配信ができる
皆さんこんにちわ。
今回は、インターネット上で、誰でも手軽にライブ映像の視聴、配信が出来る「Ustrem」と、「YouTube」への連携。また「ニコニコ動画」など他の動画サイトへアップロードする方法をご紹介します。
Ustremとは
「Ustrem」とは、誰でも簡単に無料で生中継が出来る動画共有サービスです。
見る側はインターネットにつながったパソコンがあればOK。
Twitterでのツイートも可能なため、放送側、また視聴者同士が相互にリアルタイムにやり取りをすることができます。
放送側に必要なものは基本的にはカメラとPC、マイク、ネット回線のみ。
さらに、スマートフォンがあればそれらを1台でこなすことが出来ます。
Ustremの特徴
動画の放送、視聴が無料で可能。
視聴だけならアカウントの登録も不要。
放送時間制限なし。
同時視聴者数制限なし。
Twitter(ツイッター)との連動可能。ライブを見ながらリアルタイムにツイートできる。
フェイスブックとの連動も可能。
配信した動画の録画保存可能。
チャット参加機能で相互に交流。（UstreamもしくはTwitterアカウント必要）
スマートフォンアプリ「Ustream」とは
スマートフォンで動画を生中継するために必要なのが、Ustremから公式に発表されている無料アプリ「Ustream」です。
このアプリをインストールすればスマートフォンからの動画視聴はもちろん、番組作成、スマートフォンカメラを使ったライブ配信、録画＆アップロードなど、様々なことがスマートフォン一台で可能になります。
視聴する動画はアプリ画面下部の「おすすめ」や「カテゴリー」、「検索」から探すことができますよ。
スマートフォンアプリ「Ustream」のアカウント取得方法
動画の視聴のみであればアカウントは必要はありませんが、配信をする場合には要求されます。
スマートフォンでApp Storeから「Ustream」のダウンロードをします。ダウンロードが済んだら、「Ustream」をタップして開きます。
表示された画面の右下、「その他」－「設定」をタップし「ログイン」という画面が出たら「Ustream」のタブをオンにします。
ログイン画面が表示されますので、左下の「アカウント作成」をタップし、必要な情報を入力し「作成」をタップ。
その際、Twitterアカウントをお持ちの場合は、同じユーザ名にすることをお勧めします。「Ustream」配信を知らせる手段として、Twitterを使用することが出来るためです。 （入力したユーザ名は、「Ustream」のPCサイトで変更可能です。）
Twitterで事前にライブの告知をしておくと、より多くの人が来てくれるかもしれませんよ。
「モバイル・ソフトウェア・ライセンス契約（参考訳）」が表示されます。
「承諾」をタップすると、アカウント作成完了です。
番組作成
動画の配信の前に、番組名を決めましょう。
最初の段階では、アカウント新規登録画面の“ユーザ名”で入力した文字列が「Usteream」のデフォルトの番組名となっています。
「その他」－「設定」－「デフォルトの番組」－「番組を作成」とタップし番組名を決めて「作成」をタップ。
新しく作成した番組タイトルをタップ。
これで、撮った映像がこの番組の中で配信されるようになります。
ライブ映像配信
「ホーム」画面上部の「ビデオカメラ」のマークをタップ。表示された項目の中から「ライブ配信」をタップします。すると撮影画面に変わります。
画面右側の赤い丸のマークをタップすると撮影が開始。もう一度押すと終了です。
終了時に「タイトル」「説明」を入力できる画面が現れますので、入力して「完了」しましょう。
Twitterとの連携が設定されていると、ライブ中画面下部に中継を見ている方からのつぶやきが表示されます。
「録画」以外のマークは撮影中にしかタップできません。
共有：Twitterとの連携を設定している場合、ボタンを押したタイミングでTwitterへ”ライブ中継中”とつぶやかれます。
ミュート：マイクのON/OFFを切り替えます。
投票：視聴者が”はい”／”いいえ”で投票できるようになります。
停止：ライブ中継を終了します。終了後に中継した動画を保存するかどうかの確認があり、保存する場合、動画のタイトル入力とアップロード共有先の選択を行います。
なお、「ライブ映像」ではなく「iPhoneへ録画」を選ぶと「その他」－「自分の番組」－「録画」からローカルで保存した動画が見る事ができ、ここからアップロード可能です。リアルタイムでの配信が心配な方はこちらの方がいいかもしれませんね。
また、「自分の番組」－「アップロード済み」からは、過去にアップロードしたものを編集することが出来ます。
「タイトル」や「説明」の編集、動画の削除もここから行なうことが出来ます。
「Ustrem」と「YouTube」の連携
「Ustrem」に保存した映像をより多くの人に見てもらうために「YouTube」へアップロードすることができます。
この操作にはパソコンが必要になります。
まず、以下のサイトにアクセスします。
Ustream
ログインし、「マイページ」「ソーシャルネットワーク」と進むと、外部の様々なサイトとの連携管理画面が現れます。
（Twitterなどの連携もここから行ないます。）
下から2番目の「Youtube」の接続をクリックし、「Youtube」の「ID」と「パスワード」を入力。これで連動の下準備が出来ました。
今度は「ダッシュボード」「番組設定」「番組選択」「録画ビデオ」と進み、現れた画面「録画済みビデオ一覧」から「YouTube」にアップロードした映像を探します。
映像のすぐ下、「▼」のマークをクリックすると、「Youtubeで共有」というマークが出るので、それをクリック。
これで「Youtube」にアップロードされました。少し時間を置いてから、「Youtube」に見に行ってみましょう。
「Ustrem」から「ニコニコ動画へ」アップロード
今度は「Ustrem」と連携することの出来ない動画サイト「ニコニコ動画」へ、この動画を投稿してみましょう。
この操作にもパソコンが必要です。
まず、以下のサイトにアクセスします。
Ustream
ログインし、「ダッシュボード」「番組設定」「番組選択」「録画ビデオ」と進み、現れた画面「録画済みビデオ一覧」の各動画の下、「ダウンロード」をクリックします。
ダウンロードが完了したら、以下のサイトにアクセスします。
ニコニコ動画
ログインしたらサイト上部の黒帯から「動画を投稿」をクリック。
「動画の新規投稿」の画面が表示されますので、「ファイル指定」から、先ほど「Ustrem」でダウンロードした動画を指定します。
「動画の縦横比」は「自動認識」で大丈夫です。
必要であれば「完了通知」にクリックしましょう。
「本ページ記載内容および利用規約に同意し動画を投稿」をクリックで、アップロードが開始されます。
アップロードが完了すると、「タイトル」「説明」「タグ」の入力画面が表示されるので、入力し、「OK」を押します。
これでアップロード完了です。
無料で使えるオンライン ストレージ firestorage（ファイアストレージ）
皆さんこんにちわ。
今回はHP執事で今一番オススメするオンラインストレージ（Wed上の保管庫）をご紹介します。
それがこちら、
「firestorage（ファイアストレージ）」です。
http://firestorage.jp/
特徴はなんといっても未登録でも保存容量無制限で使えてしまうことでしょう。
＜特徴＞
●未登録ユーザー
・高速な専用回線
・保存容量無制限
・最大1ファイル4GBまで(１回の操作で同時送信20個)
・フォルダごとアップロード可能
・最大7日間の預かり期間
・一つのダウンロードURLで複数のダウンロード可能
・パスワードによるアクセス制限
・コメントの挿入
・ダウンロードURL短縮機能
未登録でもこれだけすごいのに、無料登録ユーザーになればさらに嬉しい機能が。
●無料登録ユーザー(未登録ユーザーの機能に加え)
管理画面が利用可能に(無料)
・ダウンロード回数制限
・アクセス集計
・受信者による削除機能
・ダウンロード通知メール機能
・アップロードしたファイルをZIP形式で圧縮
・グループメール機能(グループごとにアドレスを登録して「ファイル送信案内メール」を一斉送信できます)
･･･とても無料だなんて信じられない高機能ですね。
使い方はとても簡単。
(1)「著作権侵害など違法なファイルではない」にあるチェックボックスにチェックを入れると、アップロードボタンが表示されます。
(2)保存期間を選択し、アップロードボタンをクリック。
(3)アップロードしたいファイルを選んで完了したら、ダウンロードURLが発行されます。
(4)このURLをメールでお相手にお知らせしたら終了です。
アップロードボタンをクリックする前に「さらに高度な機能を使う」にチェックを入れると、上記のような色々な機能が利用できますよ。
個人用途だけでなく、ビジネス用途でも利用可能です。
過去のオンラインストレージ系記事については、こちらをご覧下さい。
宅ふぃある便＆Evernote
無料で使えるオンライン ストレージ Windows Live SkyDrive
【まとめ】無料のデザイン・イラスト素材サイト
皆さんこんにちは。
今日は無料のデザイン・イラスト素材サイトについて紹介します。
サイトを作る際に「可愛いアイコンやおしゃれな写真が欲しい・・でも自分では作成することができないし・・」とお悩みになることはありませんか？
そんな悩みを解決してくれるのが今回紹介するデザイン・イラストのフリー素材です。
しかしフリーだからといって好き勝手に使って良い訳ではありません。
必ず素材をお借りする前にチェックしなければならないのが「利用規約」です。
サイトによってイラストの加工の不可・直リンク禁止・商用利用について・・・などといった注意事項が異なります。
この利用規約は年月が経つと変化するサイトもありますので、必ず「利用規約」をチェックした後に利用して下さいね。
オススメ無料デザイン・イラスト素材サイト
| 名前 | 特徴 |
|---|---|
| 写真素材 足成 | 和の写真素材サイト。様々なアマチュアカメラマンが撮影した写真が素材として使用可能。 |
| デザイン素材.com | 素材を自由に加工でき、商用利用も可能。ただし素材として再配布する行為は禁止になっている。 |
| 0円のWEB素材屋 さん |
プロのウェブデザイナーにより作られている素材サイト。加工や商用への利用も可能。ホームページやブログに素材に最適。 |
| Image Life | 個人・商用問わず無料で使用可能。直リンクは禁止なので要ダウンロード。JavaScript素材もある。 |
| 無料アイコン素材 | サイトやチラシ作成の際に便利な素材を扱っているサイト。白黒でシンプルなアイコンがダウンロードできる。 |
| Cool Liberty | イラスト素材だけでなくWEBテンプレートやFLASH素材もダウンロードすることが可能。 |
| 1キロバイトの素材屋さん | メジャーな無料イラスト素材サイト。タイトル通り、1KB以下のフリー素材を扱っている。 |
| emStudio | 配布されている素材の元になったIllustrator、Photoshopデータも無料配布している。 |
| BB-WAVE | ビジネスシーンで使用できる素材から地図のイラストといった一風変わった素材をダウンロードできる。ダウンロードするためには要無料会員登録が必要。 |
| 東京デート | 商用、個人用、ホームページ用、各メディア、すべてに利用可能な東京専門の写真素材サイト。7000点以上掲載されている。 |
| Free.Stocker | 主にイタリアの写真を扱っているサイト。日めくり★イタリアというブログパーツも配布している。 |
| PHOTO STOCKER | 写真を扱っているフリー素材サイト。写真のジャンルごとにカテゴリーされている。商用の利用も可能。 |
| modelpiece | フリーの人物写真素材サイト。モデルごとに写真がわけられており、商用利用のサイトや広告に使用することも可能。 |
| CG.フォト | プロのグラフィックデザイナーがCG加工したデザイン画像作品が使用可能。カテゴリごとにわけられている。 |
| PAKUTASO | 高品質な素材サイト。「出来る限り高解像度の形式」の提供を心がけており、同系色だけを表示させる検索も可能。 |
いかがでしょうか？
フリーとは思えないほど素敵な素材ばかりですよね＾＾
次回は「有料のデザイン・イラスト素材サイト」を紹介いたします。
【まとめ】無料アンチウイルスソフト
皆さんこんにちは。
今日はアンチウイルスソフトについて紹介します。
インターネットを使うのであればアンチウイルスソフトをインストールするのはもはや常識。
「別に他人に迷惑かからないし・・」と思っている方がいたら大きな間違いです。
もし自分のパソコンがウイルス感染した場合、それを知らずに他の方へメールを送ると、その方のパソコンがウイルス感染する恐れがあるのです！
そこで今日紹介するのは無料のアンチウイルスソフトです。
もしインストールされていない方がいらっしゃいましたらすぐにインストールをしてみてくださいね。
無料アンチウイルスソフトまとめ
| 名前 | 有料版 | 特徴 |
|---|---|---|
| Kingsoft Internet Security | ○ 980円～1,980円 |
ウイルス対策、スパイウェア駆除が利用可能。また無料のアンチウイルスソフトの中で唯一、ファイアウォール機能が搭載されている。また動作が軽く、電話サポートも有り。広告が1日に数回ポップアップウィンドウで表示される。 |
| avast! Free Antivirus | ○ 2,980円～8,480円 |
ウイルスを感知した時に、ウイルスを直接駆除するだけでなくウイルス感染する前の状態へファイルを完全に復元することも可能。メールの送受信やファイル実行やコピーなど、ウイルスの侵入、感染を監視するリアルタイムシールド機能を備えている。30日以上の利用には無料のユーザー登録が必要。ユーザー登録は1年ごとに更新が必要。 |
| AVG Anti-Virus Free Edition 2011 | ○ 2,980円～ |
ウイルス検出率は標準的ですが、サーチシールドやサーフシールドという機能が搭載されている。サーチシールドとは、Googleなどで検索したWebサイト一覧が安全かどうか表示してくれる機能である。サーフシールドはリンク先のサイトが安全かどうか評価してくれる機能。 |
| Microsoft Security Essentials | × | マイクロソフトの無料アンチウイルスソフト。定期的なウイルス検索を行うスケジュールスキャン機能、指定したファイル・フォルダのウイルス検索・駆除機能、PCを常時監視してマルウェアのインストールを検出できるリアルタイム検知機能といった基本的な機能を備える無料ソフト。メーカーからのサポートが受けられる。（基本メールでのサポートとなっている。） |
| Avira | ○ 3,500円～ |
ウイルスやスパイウェアの手動・定期スキャン、リアルタイム検知といった基本的な機能に加え、ボタン1つでマルウェアを削除する機能やルートキットを削除する機能などを搭載している。また、ファイルやフォルダを右クリックしウイルススキャンを行ったり、圧縮ファイルの中のウィルスの検知もできる。 |
この中でも特に有名なものはKingsoft Internet SecurityとMicrosoft Security Essenntialsでしょうか？
Kingsoft Internet Securityは無料ソフトですが、電話サポートを受けられる点が魅力の一つでしょう。また、Windows Live Messenger の通信を暗号化することが出来、盗聴を防止できます。容量が小さく、メモリが少ない方でも安心して使えます。
Microsoft Security Essentialsはシンプルで初心者の方にオススメです。
またパソコンを使っている際に作業を邪魔せず効率的に動作するので、ウィルス対策のプログラムの動作を特に意識することがありません。
無料でも有料のセキュリティソフトのウイルス検出率をしのぐものもあります。
しかし無料のセキュリティソフトは、同じメーカーが販売する有料版のソフトに比べて機能が制限されている場合が多いので予めご了承くださいね。
インターネットを使用される場合は必ずウイルスソフトはインストールしてくださいね。
【まとめ】WEB制作に欠かせない？Firefox拡張機能
その前にまずFirefoxのインストール方法を説明しますね。
Firefoxのインストール方法
無料ダウンロードのリンクをクリック。
まず製品情報ページへ行き、無料ダウンロードのリンクをクリックします。
ダウンロードページ http://mozilla.jp/firefox/
ファイルのダウンロード
「ファイルのダウンロード」のダイアログが表示されますので「実行」を選択しダウンロードを開始します。
ダウンロード完了後に自動的にインストールが開始されます。
なお「セキュリティの警告」ダイアログが表示された場合は、発行元が「Mozilla Corporation」であることを確認し、「実行する」を選択してください。
セットアップを開始します。
「Mozilla Firefox のセットアップ」の画面が表示されますので「次へ」をクリックします。
「セットアップの種類」が表示されますので「標準インストール」を選択し「次へ」をクリックします。
その後、インストールが始まります。「Mozilla Firefox のセットアップを完了します」画面が表示されたら「完了」をクリックします。
設定とデータのインポート
初めて起動する際に「設定移行ウィザード」が開き、「設定とデータのインポート」が表示されます。
インポートする対象のブラウザを選択し「次へ」をクリックします。データをインポートしない場合は「設定をインポートしない」を選択して下さい。
その後「ホームページの選択」が表示されます。「Firefox のスタートページ」 か、これまでと同じホームページ（Yahoo!・gooなど）設定を使用するかを選択し「次へ」をクリックします。
データが正常にインポートされると「インポート完了」が表示されます。この後 Firefox のウィンドウが自動的に開きます。
以上でインストールは完了です。
Firefox拡張機能
では早速本題に入ります。Firefoxには「拡張機能」という便利なものが有ります。
これはアドオンと言われ、Firefoxに便利な機能を追加できるといったものです。
そのアドオンの中でも今回はWEB制作に欠かせないものをまとめてみました！
WEB制作に欠かせないFirefox拡張機能まとめ
| 名前 | 特徴 |
|---|---|
| ColorZilla | Webページの様々な場所の色を簡単にチェックする事ができる。独特な色を見つけた場合、一瞬で調べることができるので時間がかからない。 |
| Firebug | CSSやHTML、JavaScriptの編集、表示といったことがリアルタイムに行えるツール。 Webアプリケーションの開発やWebデザインの調整に欠かせないツール。 |
| IE View | 見ているページ上で右クリックをすると Internet Explorer で開いてくれる。 |
| MeasureIt | Webページ上でサイズの計測が可能。 |
| Opera View | 見ているページ上で右クリックをするとOpera で開いてくれる。 |
| Pearl Crescent Page Saver | 簡単にスクリーンショットを画像として保存ができるアドオン。ページ全体や、表示されている一部分のみをキャプチャーすることが可能。PNGかJPG形式か選択できる。 |
| Screen Grab | こちらもスクリーンショットを画像として保存可能なアドオン。こちらはPNG形式のみの保存となる。 |
| Web Developer | ページを表示させながらのCSSの編集や、テーブルの枠やDIVタグの枠をページ上に色線で表示といったWEB制作には欠かせないアドオン。 |
Internet Explorerを使用されている方が一般的には多いと思うのですが、上記のような便利なアドオンを無料で追加できるので、Firefoxをまだ使ったことのない方は是非ダウンロードして使ってみてくださいね＾＾
【まとめ】無料で使えるブログサービス
皆さんこんにちは。今日は無料ブログサイトについて紹介いたします。
ブログは今や小学生も作れるほど簡単なものとなっています。
また、紙で日記を残すのではなくWEBで日記を残そうとする方にも最適だと思います。
芸能人でもされている方が多いですね＾＾
オススメ無料ブログ
| 名前 | 有料 | ブログ容量 | HTML/CSS | 特徴 |
|---|---|---|---|---|
| Yahoo! ブログ |
なし | 2GB | ×/× | ゲストブックがあり、記事と関係ない内容でも書き込みがしやすい。Yahoo!アバターで作成したアバターを自分のブログに表示することができたり、Yahoo!ブログユーザーが自分のブログをお気に入りに登録すると、「ファン」として登録されるといった機能がある。 |
| JUGEM ブログ |
315円/月 （初期費用:368円） |
1GB | ○/○ | テンプレートの種類が豊富で5000種類以上ある。 HTML と CSSが使用可能なのでカスタマイズも自由にできる。画像も一度に3枚同時にアップロードが出来、絵文字も豊富。 |
| Ameba ブログ |
画像容量 アップ コース：189円/月広告 非表示 コース ：980円/月 |
2GB | ×/○ | ブログだけでなく、ゲーム、ミニブログ、コミュニティなどが充実。芸能人・有名人で使用されている方が多い。毎日更新しているブロガーが多いのも特徴の一つ。なお、広告は有料プランに加入した場合、PCモバイルともにはずすことが可能。 |
| FC2 ブログ |
なし | 1GB | ○/○ | 一定時間ごとに自動下書き機能があるので記事を誤って消してしまった場合も安心。テンプレートは5000種類以上。リアルタイムプレビュー機能があるので確認しながら記事が書ける。 |
| livedoor ブログ |
315円/月（PRO） 840円/月（ADVANCE） 1,890円/月（PREMIUM） |
実質無制限 | ○/○ | データ容量が毎日3MBづつ増量されるようになり、長く利用すれば、するほど容量が増える。Evemoteと連携ができる。ひとつのテーマにみんなで答える共通テーマ、お絵描き機能などもある。なお有料版は支払い方法等により料金が異なる。 |
| エキサイト ブログ |
250円/月 | 30MB(最大1GB) ネームカード に登録（無料） すれば１GB |
△/△（制限有） | 画像をドラック＆ドロップでアップロード出来、500KBを超える写真をアップロードすると自動で縮小される。ブログにバナー広告の表示がない。 |
| yaplog! | 367円/月 2,200円/半年 4,410円/年 |
1TB | ○/○ | 予め用意されているテンプレートのほかにHTMLによるページのカスタマイズも可能。可愛いテンプレートが多く、どちらかというと女性向きなイメージ。 |
| はてなダイアリー | 280円/月 （プラス） 380円/月 （ダイアリープラス+フォトライフプラスセット） |
月30MB | △（ヘッダー フッター のみ可）/○ |
はてなダイアリーポイントプログラムというものが初期設定であるがそれをはずすとブログに広告が表示されない。しかし90日以上更新がないと広告が入ってしまう。また、携帯電話やスマートフォンでは、有料プランである「はてなダイアリープラス」に未加入の場合は常に広告が掲載されてしまう。 |
| Blogger | なし | 1GB | ○／○ | Googleが運営しているブログサービス。広告表示がなく、1 アカウントで、複数のブログを運営できる。ブログにコメントがあるとメールでお知らせしてくれる機能もある。 |
※一部の有料版は容量の多きさ等により金額が異なります。
いかがでしょうか？
テンプレートが予め用意してあるので数回のボタン操作で立派なブログが作成でき、カスタマイズによってはよりオリジナリティの高いブログが作れます。
ブログを運営する上で一番大切なのは「更新」です。
どんなにカスタマイズがされ、格好良いブログでも記事が少ないとユーザーは逃げてしまいます。
せめて2週間に一度は更新する・・などといった目標をたててみてはいかがでしょうか？
ネタに困ったら写真を多くアップするなど工夫されると良いかもしれません。
ただし、様々な方から見られているので不適切な発言をしてしまうとブログが「炎上」する恐れもあるので注意しましょう。
正しいネチケットを守って良いブログライフを！
【まとめ】デザイナーにとって必要なサイト
皆さんこんにちは。今日はデザインをする上で欠かせないサイトを紹介します。
プロのWEBデザイナーもデザイナーの卵でもサイトを作成するにあたり悩むことってありますよね？
そんな貴方の悩みが少しでも解消されればと思い、調べてまいりました！
デザイナーが知っておかないと損なツールまとめ
| 名前 | 用途 | 特徴 |
|---|---|---|
| Online HTML Editor | HTML | リアルタイムでプレビューができるHTMLエディタ。 Dreamweaverやホームページビルダーいらずでプレビューできます。 |
| Realtime HTML Editor | HTML | こちらもリアルタイムで表示が確認できるHTMLエディタ。 HTMLがブラウザ上でどのように表示されるかをすぐに確認できます。 |
| Typetester | フォント検索 | オンラインで、セレクトボックスで確認しながらフォントの設定ができるサイト。 フォントを設定し、文字を入力するだけでフォントの文字体が一瞬で分かる。 |
| Firebug | コーディング | コーダーにはもはや必須ツールとなっているサイト。リアルタイムにCSS、HTMLの表示を確認しながらコーディング作業が可能。また、JavaScriptのデバッグと分析もできる。 |
| Urbanfonts | フォント探し | ジャンルがそれぞれ分けられており、8000以上のフォントがダウンロードできるサイト。 |
| What the Font? | フォント探し | 「このフォントは何だろう？」や「このフォントのライセンスが知りたいけど・・・」といった困ったことに対応してくれるのが、このフォント調べサイト。画像ファイルをアップロードすることで、それに近いフォントを検索してくれる。 |
| IconFinder | アイコン探し | 全部で69123個と多くのアイコンが登録されているサイト。多種多様なアイコンからお目当てのアイコンを探す事が可能。 |
| Find Icons | アイコン探し | 現在、30万個以上ものアイコンから検索できるアイコンサイト。日本語での検索に対応している。検索結果の量・質ともに実用に役立つレベル。 |
| Colourlovers | カラーツール | 最近のカラーのパターンやトレンドといったウェブデザインから使われているカラー構成をピックアップして紹介するカラーサイト。 |
| kuler | カラーツール | 様々な色の組み合わせ、配色パターンをWebブラウザー上で作成して、保存・公開もできる、一風変わったサービス。 |
| DeviantART | インスピ レーション |
10年以上運営しているデザインのコミュニティサイト。様々な方の作品があるのでデザインする際の参考になる。 |
| Ember | インスピ レーション |
WEBデザインからグラフィックデザイン等について、インスピレーションを得たり共有することができるサイト。 |
| Best Web Gallery | ウェブ デザイン ギャラリー |
海外のWEBサイトを多く掲載しているWebギャラリーサイト。 |
| Cacoo | ワイヤー フレーム作成 |
ワイヤーフレームやネットワーク図が簡単に作成できるサイト。要無料アカウント登録。 |
| Designers Toolbox | ワイヤー フレーム作成 |
バナー作成をする際に非常に便利なサイト。色んな形の素材をダウンロード可能。 |
| FavIcon Generator | 便利なジェネレーター | ファビコンがウェブ上で簡単につくれるサイト。右側にあるカラーピッカーで色を選び、ドット状の升目になっているキャンパスに絵を描いた後にダウンロードして画像を保存するだけでOK。 |
| pForm | 便利なジェネレーター | スタイリッシュなフォーム作成を簡単にできるHTMLフォームジェネレータ。 |
| Browsershots | ブラウザ | ほぼブラウザ全てを網羅した、ブラウザでの表示確認サイト。ただし全種類のブラウザ画像を生成するようにしているするとかなり時間がかかる。 |
| Spoon Browser Sandbox | ブラウザ | 上記に同じくブラウザ表示確認サイト。 |
| Dropboxr | ファイル管理 | WEB上に自分専用のハードディスクを持つことのできるオンラインストレージサービス。 |
| Google docs | ファイル管理 | リアルタイムでシェアできるオンラインドキュメント。カレンダーやプレゼンの資料も管理・共有できる。企業で利用しているところも多い。 |
| Quickly Code | チートシート | 数多くのチートシートがアーカイブされているサイト。チートシートとはカンニングペーパーという意味を持つ。 |
| DevCheatSheet | チートシート | 上記と同じくチートシートサイト。 |
| W3counter | 解析サイト | 無料のウェブサイト解析サイト。サイトを利用するユーザーはどのような傾向か？なども調べられるのでマーケティングに利用するのに最適。 |
| PHOTOX | オンライン イメージ エディタ |
オンライン上で画像の編集が出来るサイト。使い方がPhotoshopに似ている。 |
| Are My Sites Up? | その他 | サイトがダウンがした時などに知らせてくれるサイト。 |
調べてみると見事に英語圏のサイトがばかりになってしまいましたが、デザイナーの方ならきっと使いこなせる・・はずです！
この中で特に面白いな~と感じたのがIconFinderです。
英語で検索すると膨大な数のアイコンが・・・見ているだけでも楽しめます＾＾
上記のサイトを駆使し、素敵なWEBデザインを！
HP執事は全てのデザイナーを応援しています。
