電話番号変更のお知らせ

この度、2015年10月5日（月）より下記のように電話番号が変更となりました

何卒今後とも一層のお引き立てを賜りますよう宜しくお願い申し上げます

Written by Creative Flake

このブログの人気の投稿

ゲシュタルトの法則をWebデザインにも利用しよう

こんにちは、クリエイティブフレークです。一度は聞いたことがあるかもしれない「ゲシュタルト」。ゲシュタルト人間の精神を、部分や要素の集合ではなく、全体性や構造に重点を置いて捉える。この全体性を持ったまとまりのある構造をドイツ語でゲシュタルト(Gestalt ：形態)と呼ぶ。人間の脳がものの形、要素をどのように認識するか、ということですね。人間がゲシュタルトを感じるときに起こる、さまざまな種類を「プレグナンツの法則」と呼ぶそうですが、その具体例を簡単に紹介。ゲシュタルトの法則１ : 近接の法則近接の法則は、近くにあるもの同士が同じグループだと認識されやすい。ゲシュタルトの法則２ : 類同の法則類同の法則は、同じ色や、同じ形同士が同じグループだと認識されやすい。ゲシュタルトの法則３ : 共通運命の法則共通運命の法則は、同じ方向に動くもの、同じ周期で点滅するなどが同じグループだと認識されやすい。共通運命の法則は、近接の法則や類同の法則よりも強く働く。ゲシュタルトの法則４ : 良い連続の法則良い連続の法則は、図形はつながった形になりやすいと認識されやすい。近接、類同、共通運命の法則から、切れ目がなくや突然変化しない図形がよいものだと分かる。ゲシュタルトの法則５ : 閉合の法則【】や（）のように、閉じた形は同じグループだと認識されやすい。】【は同じグループと認識しづらい。ゲシュタルトの法則６ : 面積の法則小さいものが図として、大きいものが背景として認識されやすい。ゲシュタルトの法則７ : 対称の法則対称な図形は閉じた図として認識されやすい。このゲシュタルトの法則は心理学をはじめとした様々な分野に応用されていますが、人間の特性を活かすという点で、デザインの分野にも活用されています。たとえばリモコンのボタン配列。数多くのボタンを、誰が見ても直感的に分かりやすく、誤操作させないように配置しています。こちらは私のMacのドック。急いでいるとよく間違ったアイコンをクリックしてしまうので、試行錯誤の末、この配列が一番使いやすい結論に。 Webデザインにおいては、もしすべてのパーツが単調に置かれて

Google「ハングアウト」の絵文字が可愛すぎる。

こんにちは、クリエイティブフレークです。チャットやインスタントメッセージ機能と言えば、LINEやFacebook、Skypeなど今やたくさんありますが、みなさんはどれを使ってますか？私はこういうのを使い始めたのが、かれこれ10年近く前になりますねー。 MSNメッセンジャーと、Yahooメッセンジャーを使っていました。今回はGoogle「ハングアウト」の絵文字がゆるかわな件をご紹介。ハングアウトの前身が「Googleトーク」というものなのですが、まさに最近「ハングアウト」へ移行したばかり。 ▼他のチャットシステムと同じような使い勝手 ▼絵文字（顔文字）ゆるい！ ▼絵文字（乗り物）かわいい！ ▼絵文字（いろいろ）今年流行のカラーとフラットデザインを用いたアイコンは、なんと日本初！絵文字は一覧から選べるだけでなく、キーボードからの入力も可能！ ▼Google IMEで「くだもの」と入力するといろいろ出てきます。ここでのプレビューとハングアウトで送信される絵文字はちょっと違いますが、断然ハングアウトの絵文字がかわいい！ぜひぜひ試してみてください。 Googleハングアウト Written by Creative Flake

Photoshopで文字にアンチエイリアスをかける

こんにちは、クリエイティブフレークです。 Photoshopで文字を書いていると、「太字を選択するほどでもないけど、あと気持ちちょっと太かったらいいのに！」、「あとちょっとクリアに見せたいのに！」と思ったことはありませんか？そんなときに活用したいのが「アンチエイリアス」です。「エイリアス」とは曲線がギザギザ、ガタガタに表現されてしまうことで、ドット絵みたいに見えます。なので「アンチ」って言うんですね。実際に見比べてみると ▲ヒラギノ角ゴシックPro 24pt 明らかに「なし」を選択したものはギザギザです。「太く」と「シャープ」はちょっと太い感がありますが、「鮮明」と「なめらか」の差が難しいですね。今度はフォントサイズを変えてみました。 ▲ヒラギノ角ゴシックPro 14pt 個人的には、文字が太くなる「シャープ」と「太く」がややジャギー感（ギザギザ感）が残っていますが、「鮮明」と「滑らかに」はフォントサイズを小さくしたときに潰れてしまいやすいイメージです。では実際どうやって変更するの？なのですが、Photoshop CS6を例に説明します。 ▲テキストツール（Tの形）を選びます ▲文字を書いたら上のアンチエイリアスを選びます（うちのマシンが英語ですみません） Web用や印刷用など、用途によって強弱を使い分けたいですねヽ(・∀・)ﾉ Written by Creative Flake

フレークの素 | Web制作・システム開発のCreativeFlakeブログ

このブログを検索