ホームページの配色について

2017年11月16日
社員のつぶやき


こんばんは、週末に迫った社員旅行にテンション上がりまくりなクリエイティブサービスGの長谷川です。初シンガポールです。初マーライオンです。

話は変わって、色はWebサイトのイメージやコンセプトを伝える重要な要素の1つです。 重要な分、配色を決定することは凄く難しいように思います。 webサイトを表現するのに的確な色を見つけて、レイアウトのどこに落とし込むかなど考えることは山のよう・・・ 今日はそんなWebサイトの配色についてお話します!

配色の比率

Webサイトの配色でよく使われているのは「70:25:5」の比率です。
これはベースカラー70%、メインカラー25%、アクセントカラー5%の比率で配色を行うと美しい配色になりやすい傾向があります。


ベースカラー:一番割合が大きく、背景や余白部分のことです。
メインカラー:Webサイトのコンセプトやイメージを連想させる色です。
アクセントカラー:一番割合が低いですが、メインカラーを引き立たて、Webサイト全体にアクセントを与えてくれます。

私はいつもこの比率を意識しながら作ることが多いです。企業様のテーマカラーであったり、お客様が好きな色をメインカラーに持っていき、そのメインカラーが映えるにはどんなベースカラーがいいのか、どんな差し色(アクセントカラー)がいいのか色々考えて決めています。
もし今度どこかのサイトを見る機会があれば、どの色がどのカラーの役割を果たしているのか見つけてみてください!

色が与える印象

赤色

情熱興奮注意などを意味します。
強い印象やインパクトを与えるので、購買意欲を掻き立てる効果があるのでネットショップなどで利用すると効果的とされてます。

黄色

楽しい元気好奇心などの意味を持っています。しかしただ明るい印象だけではなく、黒と組み合わせることで警告を促す色としても利用されます。

青色

青は清潔冷静誠実な意味を持っています。安心感を与えてくれるのでコーポレートサイトなどによく利用されています。

緑色

緑は自然安心平和などの意味を持った色です。山や植物などの自然を連想させ、リラックス効果も与えてくれます。


普段何気なく目にしている色の効果や意味を改めて考えてみるのも面白いですね。普段の制作でも常に色の効果などを考えながら配色を行ってます。例えば、
お客様その1「明るくて元気な印象のHPにしたい!」
私「ほうほうそれなら暖色系を多めに使ってみよう」
お客様その2「オレンジ色が大好き!HPもオレンジ色をたくさん使ってほしい!」
私「オレンジ色を多めに使いつつ、他はオレンジ色が映えるような配色にしよう」

こんな感じで、お客様がWebサイトに取り入れたい要望などを色に落とし込むようにしています。行き詰ることもありますが、お客様の好みのデザインを作ることが出来て気に入って貰えたときの達成感は格別です・・・!

これからももっともっと配色のセンスや知識を磨いていきたいです。

(θヮθ)

2017年11月13日
社員のつぶやき
 お疲れ様です。総務部のコスギです(θヮθ)


寒くなってきましたが、皆さん体調くずしてませんか〜〜?
たくさん食べてパワーをつけましょう


さっそくパワーをつけようと、
福井本社の近くの、回転寿司のお店へ行ったのですが、

こちらの店員さんがご案内してくれたんです!!!



Pepper君 です〜〜〜(θヮθ)

驚きました〜〜〜(θヮθ)
人間の店員さんバリに、
番号を呼んでお客様をご案内して、スムーズに対応していましたよ(θヮθ)


今までは、
店員さん(人間)が会計などの業務と並行して案内業務を行っていたそうなのですが、

Pepper君が、受け付けから案内までを行うことで
店員さん(人間)は、他の業務に集中できるようになり、
さまざまな場面でお客さまの待ち時間を短縮できるようになるそうです!!

人件費の削減にもなり、お客様の待ち時間も減り、回転率も上がり、
いいことずくしなのですかね??


Pepper君、いい仕事してましたよ〜〜〜(θヮθ)


今後、いろんな企業で、
Pepper君を導入する会社が増えるのかもしれませんね〜〜





・・・もしかしたら、将来、
システムグラフィの受付もPepper君が登場する日がくるかもしれませんよ〜〜〜



Pepper君を見習って、
スムーズにお客様をご案内したいですね(θヮθ)


以上、
総務部のコスギでした(θヮθ)


グラフィの受付3人組(θヮθ)

2017年 鯖江市ITに親しむ講座 が始まりました〜!

2017年11月10日
会社でのできごと

 こんばんは、クリエイティブサービスGの山口です。
今日は、毎年この時期になるとお知らせしているアノ事業についてのご連絡です。

「鯖江市ITに親しむ講座」が
11月からはじまっていますよ〜!





T講座ってなに?と思われた方のために、ちょっとだけ説明します。

鯖江市ITに親しむ講座とは…
鯖江市の提携型業務委託事業として、システムグラフィが行っている事業です!
「ITのまち鯖江」に住んでいる、市民の皆様に、
よりITに親しんでもらい、生活に役立てていただこうという内容になっております。

講座内容は、iPadの使い方からはじめて、アプリ紹介まで行います!
ゲームの紹介などもあるので、とってもワイワイ楽しいですよ〜!

私も講師としてバリバリ講座を行っております。
そんな私のかっこいい講師姿はこれだ・・・・・・・・・・・



菜園部

2017年11月09日
社員のつぶやき
 こんにちは

菜園部所属の田地です


先日、以前から栽培していた唐辛子を使用してラー油と七味を作りました!!
唐辛子は夏過ぎあたりから乾燥させ、いい感じに赤くなりました




(´◇`)

2017年11月07日
会社でのできごと
 お疲れ様です。総務部のコスギです!!

11月 になりました!!!

早いですね〜〜 (´◇`) 
あっという間ですね〜〜 (´◇`) 


季節も  になりつつありますが、皆さん体調崩していませんかー?

朝晩、本当に寒くなってきましたので、
体調を崩さないよう、気をつけてくださいね!!



昨日は、会社に病院の方が来てくださり、
インフルエンザ の予防接種を受けました!!!




看護師さんに、
液が入るとき、痛いですよ〜と言われ、覚悟はしていましたが、
本当に痛かったです。。。


小学校、中学校では、
すでにインフルエンザが流行っているということで、
ネットで状況確認してみました、

こちらのランキングによると・・


インフルエンザ全国流行状況(2017/10/23〜29)
<都道府県別 報告数ランキング>
1位 沖縄 277人
2位 福岡 180人
3位 東京、千葉 142人
4位 北海道 120人
5位 福井 80人


福井県が、5位にランクインしていました・・ (´◇`) 
驚きですね・・ (´◇`) 


システムグラフィの営業所に、
東京、福岡と、拠点がありますが、
こちらの都道府県もランクインしているようですので、
会社全体で、気をつけなければいけませんね・・ (´◇`) 




手洗い、うがい、マスク着用などで、予防をして、
インフルエンザにかからないよう、気をつけましょう〜〜!!!




以上、総務部のコスギでした (´◇`) 
 

新しくなりました

2017年11月06日
会社でのできごと
 こんにちは。

総務 タキモトです。


11月に入りましたね。
今年のカレンダーも残り2枚となりました。


年末に向けて、やるコトも増えて、毎日慌しく過ごしておりますが、

ここの所、テンション高めです。


なぜかと言いますと、制服が冬用のものに新しくなったからですー



※カタログ より



身に着けるものって大事ですね。

気分も新たに、下期もがんばります



資格試験受けました!

2017年10月27日
社員のつぶやき
 こんばんは、システム開発グループの山村です。

少し前になりますが、10/15に基本情報技術者試験を受けてきました。
実は大学生の頃にも受けたことがあったのですが、そのときは合格点にわずかに届かず落ちてしまいました。
画像は当時使っていた参考書で、左側は今回も勉強に使用しました。



今回こそは会場に向かうと、大学生、大人はもちろん、学生服を着た高校生の姿もちらほら。
高校生も受けるんだなあなんて思いながら、試験に臨みます。
大学の頃に受けたものとだいたいは似たような傾向で出題されていましたが、
やっぱり5年近くも経つと「あ、こんな今は問題も出るんだ」と思うような問題もありました。
また、学生の頃はわからなかったけれど、仕事として取り組んでいる今ならばわかるような問題もありました。

試験が終わると解放感もありましたが、やはり合否が気になります。
合格発表は試験から1ヵ月後の11/15の正午です。
合格していてほしいですが、合格であれ不合格であれその結果を受け止めて、頑張りたいと思います!

ひよっこブログ vol.05

2017年10月27日
採用情報
ひよっこブログひよっこブログひよっこブログ
 
お久しぶりのひよっこブログvol.05です。
こんにちは!!クリエイティブサービスGの寺前です!!

お久しぶりのひよっこブログ…ひよっこなわたくしもついに入社1年半…!
Webの世界は日進月歩。まだまだひよっこでございます。日々勉強です。


さて、この度、我らがクリエイティブサービスGの主力商品、WEB-BOX紹介サイトがリニューアルいたしました!
今回リニューアルに携わらせて頂きました。

WEB-BOX紹介サイト

この場でご紹介させて頂きます。
ぜひご覧ください〜〜〜〜↓↓
WEB-BOX紹介サイト

台風の中・・・!

2017年10月25日
社員のつぶやき
こんばんわ。坂本です。
 
今回のアートは・・・【安藤忠雄】の挑戦!
新国立美術館が10周年ということで、スペシャルな展覧会が行われました。
 
 
 
 
が、しかし・・・台風直撃前だったので、外は大荒れ悲惨でした。
 
内容は、安藤忠雄の作品含む、アイディアメモ・設計図・模型など
半生を振り返るものでしたが、そこで感じたのは「アイディアと理解力」。
 
アイディアのメモ書きが展示してあったのですが、建物のイラストではなく
崩した誰かのサインがメモに書いてあるだけの何これ?っていう殴り書き。
 
流れとしては、そのメモから色鉛筆やペンで建物らしく書いたものを設計図におこす。
言葉では伝えるのが難しいですが理解して図面にすることを考えると頭が痛くなりました。
 
"無いものを作り出す"ということは、大きくなればなるほど
一人ではできないから尚大変ですよね。








撮影可能なものが少なく、大阪にある【光の教会】の再現物と、直島です。
直島にある、【地中美術館】はおすすめです!

 

ヽ(o´∀`o)ノ

2017年10月25日
社員のつぶやき
 おはようございます、総務部のコスギですヽ(o´∀`o)ノ


皆さん!昨日の野球、見ましたか???


クライマックスシリーズ(CS)・ファイナルステージ第5戦で、

横浜DeNA 広島カープ9−3 で勝利!!

1998年以来19年ぶりの日本シリーズ進出を決めたんです!!!!!!


DeNAの、ラミレス監督 の積極采配が
ズバズバと当たったらしいですよ〜〜〜


DeNAの選手の皆さん、ファンの皆さん、おめでとうございますヽ(o´∀`o)ノ


ラミレス監督、スゴイですよね〜〜〜

DeNAの監督は、2015年10月からだそうですが、
ココまでチームを盛り上げることが出来たということは、
何か秘策があるに違いありません!!

これからも、
ラミレス監督に注目です



ラミレス監督、ラミレス監督、、ラミちゃん、、ラミレス、、ラミレス・・・・・



ラミレスといったら、
もうこの機械しか思い浮かびません・・・

屋外専用大型フルカラー・インクジェットプリンタ
 ラミレス です!!


私がシステムグラフィに入社したときに、
出力サービスで使っていた機械の名前です!!!

初代の機械ですよ!!!

懐かしいですね〜〜〜
本当に野球を見ていても、「ラミレス監督」と聞いただけで、
あの機械を思い出します。。。。


本当に、懐かしいです〜〜〜〜〜
いろんなことを思い出しますね〜〜〜〜〜〜


ラミレス監督は、初心を思い出させてくれる存在です。笑笑笑


入社当時の初心を思い出して、
また仕事に前向きに、頑張って行きたいと思います!!!!!!!!!!


以上、総務のコスギでしたヽ(o´∀`o)ノ







新着記事
月別アーカイブ