
KEN WEB BLOG ~WEB・DTPスクール パソコン教室 KENスクールのインストラクターがつづるブログ~
ライトグレイッシュトーン
- 2010年9月 2日 16:45
- デザイン
みなさん、こんにちは。
暑くて寝付けず、睡眠不足の今日この頃です。
その中で商品名は忘れましたが、「安眠ジェルマット」的な商品を見つけました。
布団に敷く大きい「ヒエピタ」のような物です。
これを使ってから、かなり寝つきは良くなりました。
さて、今回は「ライトグレイッシュ」というものについて、お話させていただきます。
早速、下図をご覧ください。
「ライトグレイッシュトーン」は少しくすんだ色になります。
トーンのイメージとして、「落ち着いた」とか「渋い」とか「おとなしい」と、
いうようなイメージを与える色になります。
例えば、淡いアジサイの花びらのような抑えた色調は、
繊細で上品なイメージが感じられます。
また日本の伝統色で言うと、灰桜(はいざくら)が挙げられます。
桜色の灰みがかった色になります。
やはり、明度の高いソフトな感じの色になります。
伝統色のような歴史の中から生まれた色を見るという事は、
色を使いこなすための一つの練習になります。![]()
是非いろいろな色を見てください。
まだまだ、暑い日が続きますが、
安眠対策をして体調を崩さないようにしてくださいね。
--------------------------------------------------------------------------------
パソコンスクール KENスクール新宿校 Webインストラクター
http://www.kenschool.jp/school/shinjuku/index.html
KENスクールでWebデザインを学びたい方は、Web/DTP講座へ!
http://www.kenschool.jp/Webdtp/index.html
- Comments (Close): 0
- TrackBacks: 0
スタイルシートの優先順位
- 2010年8月30日 15:00
- CSS
「あれ?スタイルシートで指定しているのに何も変化しない!」
という経験はありませんか?
通常プログラムで同じ物に複数回処理の指定をすると、
後から書いたものが「上書き」され優先されます。
<p>スタイルシートの優先順位</p>
p{color:#ff0000;}
p{color:#0000ff;}
上記のような指定をすると、後から書いた
p{color:#0000ff;}が優先され文字は青になります。サンプル1
ただし以下の場合はどうででしょう?
<p id="text">スタイルシートの優先順位</p>
#text{color:#ff0000;}
p{color:#0000ff;}
後から書いている「青」ではなく、
先に書いた「赤」が反映されています。サンプル2
実はスタイルシートには優先順位があります。
それぞれのセレクタに点数が付いており、
その点数の合計が多いものほど優先順位が高くなります。
下記の表を見てください。
| セレクタ名 | 例 | 点数 |
|---|---|---|
| ユニバーサルセレクタ | *{margin:0;} | 0 |
| タイプセレクタ | p{color:#ff0000;} | 1 |
| クラスセレクタ | .text{color:#ff0000;} | 10 |
| IDセレクタ | #text{color:#ff0000;} | 100 |
先に書いてある「#text」は100点、後に書いてある「p」は1点です。
結果、優先順位は点数の高い「#text」になり
「スタイルシートの優先順位」は赤くなります。
さらに、子孫セレクタなどと組み合わせをすると・・・
<div id="header"><p id="text">スタイルシートの優先順位</p></div>
#header p{color:#00ff00;}
#text{color:#ff0000;}
p{color:#0000ff;}
上記の場合には最初に書いてある
「#header p」が100点+1点の合計101点となり
最も優先順位が高くなります。
結果、「スタイルシートの優先順位」は緑になります。サンプル3
スタイルシートを学習する時のポイントは、
「どんなセレクタを書いたとしても、それが何らかしらの
HTML要素をしていしている」ため
『どの要素にスタイルを適用しているか?』を把握することです。
さらに上記の優先順位をしっかり把握しておけば混乱することはありません。
理解が進むとスタイルシートも楽しくなります。
学習中の方も、これから学習をされる方も頑張りましょう^^
--------------------------------------------------------------------------------
パソコンスクール KENスクール新宿校 Webインストラクター
http://www.kenschool.jp/school/shinjuku/index.html
KENスクールでCSSを学びたい方は、Web/DTP講座へ!
http://www.kenschool.jp/Webdtp/index.html
- Comments (Close): 0
- TrackBacks: 0
Androidケータイ
- 2010年8月26日 11:07
- 就転職情報
今流行のスマートフォン!
と言えばiPhoneの方が有名かもしれませんが、
Androidケータイもお忘れなく!
今、スマートフォンなどのアプリ開発なども求人が多いです。
「@IT 自分戦略研究所」より
http://jibun.atmarkit.co.jp/lcareer01/rensai/front/15/01.html
ちょっとWEBではなくなってしまいますが、「WEBエンジニア」を目指す方、
「デザインよりもコーディングで勝負したい!という方」のために、
興味を持ってもらえるかも?と思ってキッカケのネタを・・・
Androidのアプリコンテスト
「Android Application Award 2010 spring」
http://itpro.nikkeibp.co.jp/android/aaa2010spring/index.html
の右下「受賞作品および最終ノミネート作品一覧 」から受賞作品見れます。
受賞風景はこちらをどうぞ![]()
http://trendy.nikkeibp.co.jp/article/news/20100625/1032205/
私もAndroid欲しい…でも見た目などはiPhoneが良いけど…
--------------------------------------------------------------------------------
パソコンスクール KENスクール新宿校 Webインストラクター
http://www.kenschool.jp/school/shinjuku/index.html
KENスクールでWebデザインを学びたい方は、Web/DTP講座へ!
http://www.kenschool.jp/Webdtp/index.html
- Comments (Close): 0
- TrackBacks: 0
WEB求人 大阪と東京の違い
- 2010年8月23日 11:56
- 就転職情報
最近就職活動されている方は、WEBの求人がとても多いことに
気付かれたと思います。
理由はとても単純で、日本人のほとんどがパソコンを持ち
日本のほとんどの企業がWEBサイトを持っているからです。![]()
では、関東と関西ではどれくらいWEBの求人に違いがあるのでしょうか?
今回は参考としてこちらのサイトで比較してみましょう。
8/13(金)時点
- 東京23区求人件数:95件
- 大阪 求人件数:18件
こちらのサイトでは、
1週間に1回ぐらいのペースで情報が入れ替わっていきますが、
大阪が平均件数が20件なのに対し、
東京23区では平均件数が100件近くあります。
それだけ、東京にWEBの仕事も集まっていると言えそうですね。
と言っても大阪も1週間に1つのサイトだけで20件近く情報が
入れ替わっているので、求人が数多くあると言って良いですね。
次に給与面です。
- 東京23区の正社員平均給与が23.6万円
- 大阪の正社員平均給与が20.4万円
東京の求人は約3万円ほど平均給与が高いですね。
もし働く場所に特に要望がないのであれば、
東京でWEBの求人を探すのも一つですね。
--------------------------------------------------------------------------------
パソコンスクール KENスクール梅田校 Officeインストラクター
http://www.kenschool.jp/school/umeda/index.html
KENスクールでWebデザインを学びたい方は、Web/DTP講座へ!
http://www.kenschool.jp/Webdtp/index.html
- Comments (Close): 0
- TrackBacks: 0
テキストデザインコンペ結果発表
- 2010年8月20日 11:03
- その他
7月にKENスクールの受講生を対象に
「テキストデザインコンペ」を開催いたしました。
Illustrator・Photoshopの新しいテキストの表紙を飾るデザインを
募集したところ、、、
なんと!
157点もの作品をいただく事ができました。![]()
受講生の皆様、ありがとうございます!
スタッフ一同、感謝の気持ちでいっぱいです!
先日、厳選なる審査の結果、コンペの優秀賞が発表されました!
157点もの数ある素晴らしい作品の中から最優秀賞に選ばれたのは、、、
渋谷校の田中悟さん。
おめでとうございます!![]()
シンプルながらズッシリと存在感のある「G」のマーク。
テキストとして飽きがなく、男女共に好まれるような作品だな
と感じました。
優秀賞は、またまた渋谷校の金居千春さん。
おめでとうございます!
インパクトのあるデザインで、様々なテクニックが取り入れられていて、
今回の作品の中で一番個性的だなと思いました。
本来は最優秀賞と優秀賞の2点のみのコンペだったのですが、
素晴らしい作品が沢山ございましたので、
審査員が特別賞を作り、プラス5点選出致しました。
- 銀座校 江崎麻依子さん
- 大宮校 横山裕貴さん
- 梅田校 金子由香利さん
- 渋谷校 曽良聡子さん
- 池袋校 金子香奈里さん
皆様、おめでとうございます!!
HPも見てください。
http://www.kenschool.jp/info/contents/compe01_textcoverdesign.html
本当に素晴らしい作品がいっぱいで、それぞれの作品が個性豊かで
選考は困難だったとのことです。
皆様、たくさんのご応募本当にありがとうございました。
今後も様々な企画を考案して参りますので、是非参加してくださいね!
--------------------------------------------------------------------------------
パソコンスクール KENスクール新宿校 Webインストラクター
http://www.kenschool.jp/school/shinjuku/index.html
KENスクールでデザインを学びたい方は、Web/DTP講座へ!
http://www.kenschool.jp/Webdtp/index.html
- Comments (Close): 0
- TrackBacks: 0
生みの親
- 2010年8月17日 11:34
- その他
みなさん!
Webソフトを扱っていて、その操作の凄さに
「このソフト作った人すごいなぁ~」と思うことはありませんか?
バージョンが上がるにつれて、そう感じることも多いと思います。
そこで、今回はそれぞれのWebソフトの生みを親をご紹介します。![]()
まずは、Photoshopの生みの親「トーマス ノール氏」
http://journal.mycom.co.jp/articles/2010/08/09/tkaps5/index.html
今年でPhotoshop生誕20年。
Photoshopが生まれた時はまだインターネットがなく、
今の状況を想像することはできなかったとか。
次は、Dreamweaverの生みの親「ケビン リンチ氏」
http://www.adobe.com/jp/events/dreamweaver_10th_aniversary/#02
Dreamweaverは生まれて10年。
当時、開発者たちはHTMLも記述できなかったんですって!
Dreamweaver誕生秘話はとても面白いので
上のサイトからぜひ見てみてください。
続いては、Flashの生みの親のひとり「ジョナサン・ゲイ氏」
Flash誕生は1996年。
Flashという名前はコンピュータ・ソフトウェア会社 「FutureWave Software」 が
アニメーションを作成するソフト「 FutureSplash Animator」 と
再生プラグイン「 FutureSplash Player」 を開発しました。
これをマクロメディアが会社ごと買収し、
FutureSplashの頭文字「F」と接尾「lash」をとって略称を「Flash」としたそうです。
Illustratorの生みの親は誰なのか確認が取れませんでしたが、
アドビシステムズ社の創立者である「ジョン・ワーノック氏」が
Illutrator88(3つ目に古い)を紹介してる動画を見つけました。
その映像の中でジョン・ワーノック氏の後ろに映っているMacが
あまりにも古く感動的です。
Illustratorの誕生は1987年。
http://d.hatena.ne.jp/seuzo/20090501/1241144861
このように、日ごろお世話になってるソフトの歴史を調べてみるのも
おもしろいですね。
--------------------------------------------------------------------------------
パソコンスクール KENスクール池袋校 Webインストラクター
http://www.kenschool.jp/school/ikebukuro/index.html
KENスクールでオーサリングツールの操作を学びたい方は、Web/DTP講座へ!
http://www.kenschool.jp/Webdtp/index.html
- Comments (Close): 0
- TrackBacks: 0
クリエイティブアワード
- 2010年8月14日 18:38
- 最新トレンド情報
最近Yahoo!JAPANを見ていると、
赤い文字で「トロフィー獲った 仕事が増えた」
というキャッチコピーを見たことありませんか?
その広告をクリックすると、下記のサイトへジャンプします。
Yahoo! JAPAN インターネット クリエイティブアワード2010
http://creative-award.yahoo.co.jp/
詳しいことはこのサイトを見ていただけると分かりますが、
企業サイトも一般の人が作ったサイトもとにかく
「おもしろい!」「すごい!」と感じられるサイトが
このサイトの「ギャラリー」から見られます。
過去の受賞作品です。
その中から面白いからみんなで遊んでみて!
と紹介したくなるものがあったので一つだけ。
2009年度受賞作品:企業の部「どこでもラストガイ」
ゾンビから人々を助け出すゲームです。
ブラウザの中を駆け巡ってみて!
--------------------------------------------------------------------------------
パソコンスクール KENスクール新宿校 Webインストラクター
http://www.kenschool.jp/school/shinjuku/index.html
KENスクールでWebサイト作成を学びたい方は、Web/DTP講座へ!
http://www.kenschool.jp/Webdtp/index.html
- Comments (Close): 0
- TrackBacks: 0
デザイナーとして必要なスキル
- 2010年8月11日 10:24
- その他
こんにちは!
今回はWEB業界の就職・転職をテーマにお話したいと思います。
スクールではたくさんの生徒さんが将来のデザイナーやクリエイターを目指して
日々、勉強をされています。
突然ですが、デザイナーとして一番必要なスキルは何だと思いますか?
一番必要なスキル・・・それは「デザイン力」です。
近年では、インターネットを見ると動いていないページが無いくらい
ムービーやフラッシュのコンテンツが幅を利かせていますが
フラッシュのコンテンツを作るにしても、全てに置いて
デザイン=見た目が一番大切です。
では、デザイン力はどうやって向上されるものなのか?
ここからは自分の意見ですが、
街中にある看板・ポスターなどいつも意識して見ていないものを、
どんなテクニックを使って作っているか?や、色使いなどを注目する事です。
また、ソフトは使えて当然の業界ですが、一つでも多くの機能を知っていれば
効率良く制作が行えたり、デザインの幅を持たせることも出来るので
デザインに自信が無いなーという方は
まず、人が作った物をたくさん見て、真似をしてみると良いと思います。
勉強できるサイトを紹介します。
http://www.it-work.jp/web-designer/
--------------------------------------------------------------------------------
パソコンスクール KENスクール大宮校 Webインストラクター
http://www.kenschool.jp/school/omiya/index.html
KENスクールでWebデザインを学びたい方は、Web/DTP講座へ!
http://www.kenschool.jp/Webdtp/index.html
- Comments (Close): 0
- TrackBacks: 0
ひらがなの「さ」の話
- 2010年8月 9日 10:29
- その他
教育関連の出版社は
よくその会社独自のフォントを作成するそうです。
何故だか分かりますか?
その理由はひらがなの「さ」にあります。
ひらがなの「さ」には
2画の「さ」と、
3画の「さ」の
2通りがあります。
一般的にフォントで多いのは2画の「さ」なのですが、
現在、小学校で習うひらがなは3画の「さ」なのだそうです。
よって学習参考書などで3画の「さ」を使用するために、
フォントを作成してしまうそうです。
ちなみに数学などの場合には
いかに「x」と「y」を見やすくするかというための工夫も施されるんだとか。
--------------------------------------------------------------------------------
パソコンスクール KENスクール京都校 Officeインストラクター
http://www.kenschool.jp/school/kyoto/index.html
KENスクールでフォントを学びたい方は、Web/DTP講座へ!
http://www.kenschool.jp/Webdtp/index.html
- Comments (Close): 0
- TrackBacks: 0
WEBの世界も3D!?
- 2010年8月 6日 11:26
- WEB全般
最近、テレビや映画などで「3D」という言葉を耳にする事も多くなりましたね。
3D映画を観た方や、家電量販店などに展示されている3D対応テレビなどを
見た方も多いのではないでしょうか?
そして、パソコンにも3Dの時代が訪れようとしています。
すでに3D対応のパソコンはいくつか発売されています。
富士通
本体に付いているウェブカメラで3D映像を撮影し、自作もできる。
http://www.fmworld.net/fmv/pcpm1006/fh/info/index.html#anc03
NEC
http://121ware.com/valuestar/n3d/?pro=121top_image_0608
東芝
3D映像によるゲームを楽しめる
http://toshibadirect.jp/pc/p/p/PAAW90MRF10BW3/index.html
そして、今話題のiPad!
こちらは、iPad / iPhone用無償3DCG作成アプリ
http://graphic.e-frontier.co.jp/sunny3d/foripad/
こんなアプリを使用すると3Dの専門知識がなくてもアプリが作れてしまいます!
FlashとAction Script3.0を組み合わせると
こんな3Dなアニメーションも作れます。
エコだ動物園
これからは、3Dから目が離せません。
家電量販店などへ行った時には、ぜひ3Dパソコンを探してみてください。
--------------------------------------------------------------------------------
パソコンスクール KENスクール新宿校 Webインストラクター
http://www.kenschool.jp/school/shinjuku/index.html
KENスクールでFlashを学びたい方は、Web/DTP講座へ!
http://www.kenschool.jp/Webdtp/index.html
- Comments (Close): 0
- TrackBacks: 0


