新米デザイナーが作る!バナーの作り方

こんにちは!あけましておめでとうございます。ユイPです。
今年もよろしくお願い致します。
私は学生の頃、年末年始は巫女さんのバイトをしていたので今年は久しぶりにゆっくりしたお正月を過ごす事が出来ました。
お正月が終わったら次のイベントはバレンタインですね! read more

パッとしないレイアウトにはメリハリを

緩めることと張ること。強めることと弱めること。(声のトーンなどを)上げることと下げること。などの強弱がはっきりしていること。を【減り張り】と呼びます。

プレゼンテーションソフトウェアでのスライド製作や、バナー制作などをしていると、どうしてもデザインが上手くまとまらない…と思うことはありませんか?
実はメリハリを意識して製作をするだけで見栄えが大きく変わります。
デザインにメリハリを付ける事でレイアウトが単調になる事を抑えることができます。また、画像や文字の要素の優先順位が明確になり、視認性、可読性を上げることができます。
では早速、デザインにおけるメリハリの出し方をいくつかご紹介いたします。 read more

簡単!アニメーションgifの作り方

新年、あけましておめでとうございます!
2018年もどんどん情報発信していきたいと思いますので、デジマースブログをどうぞよろしくお願い致します!

余談ですが、みなさん初詣は行きましたか?
私は毎年初詣に行きます。年末年始のまったりした雰囲気が大好きなので、それを味わいに行っています。
昼間に行くのも良いですが、出店や神社に明かりが灯る遅い時間に行くのがオススメです。
参拝客の混雑も若干緩和されていますし、出店から立ち上る湯気や明かりで非日常感が増し増しでワクワクしますよ。 read more

WEBページ構築と運用者

今回は、弊社コーポレートページのリニューアルにあたり感じたことを記事にします。

HTMLのワンソース化

今回のリニューアルではまずはじめに

「HTMLのワンソース化」

が目的として上がりました。

理由は単純で、「SP版」「PC版」と静的にソースを分けて運用する「2度手間」の改善です。
したがって、
レスポンシブ化(HTMLは複数用意せずにCSSを解像度等により出しわける)は担当者の必然として話が進みました。 read more

デザインのコントラスト

こんにちは!今回のテーマは「デザインのコントラスト」です。
デザインのコントラストとは何なのか、意味や種類についてお話していきたいと思います!

コントラストとは

ここで言うコントラストとは、簡単に言うと「メリハリ」のことです。 read more

押せる画像・ボタンについて考えてみる

*。゜・。ここでは全部を理解せずとも、デザイナーでなくとも
何となく分かるをベースに書いております。・。゜*

▼押せる画像・ボタン①

サイト内で画像やボタンを押す際に分かり辛くて、踏みとどまったり、探したりしたことはありませんか?
さて今回はそんな画像やボタンをどうしたらユーザーへ認識してもらいやすくなるか、改めて考えていきたいと思います。 read more

UIと配色

配色とは、2色以上の色を組み合わせ、配置および構成をする事です。 UIデザインでは、どのような配色を行うのかによって、使用感やユーザーに与える印象が大きく変化します。といってもUIデザインに限りませんが…。 色の扱い方はとても奥が深く、国や地域によって色に対するイメージは変わります。また、組み合わせ方は数え切れないため一言で配色について語りきる事はできません。一言でなくとも語りきれないと思います。 今回はよりカテゴリを絞り、色は色でもUIデザインにおける色(配色)のポイントについていくつかご紹介致します。

70% 25% 5%の配色

UIに使用する色数の目安は3色です。3色以上にする事が間違いと言うわけではありませんが、色数を増やしすぎると、どこを強調しているのか、どこに触れる事ができるのかなどが伝わりにくくなり、情報が整理されていないような見づらいUIになってしまいます。
しかし、色数を押さえたからといって適切に配色ができているわけではありません、使用する量も重要になります。UIにおいて実際に3色をどのようにして選び、使用するのかということは「70・25・5の法則」を意識すると選びやすくなります。70・25・5の配色はベースカラー70%、メインカラー25%、アクセントカラー5%にする配色法です。ちなみにこの「70・25・5」の考え方はwebデザインでは基本とされている配色方法です。 read more

デザインでグループを作ろう!

こんにちは!今回のテーマは「デザインでグループを作ろう!」です。
デザインでグループを作るとは何か、どのような時に使うのかお話していきたいと思います。

デザインでグループを作る

デザインでグループを作るとは、「情報をグループ化すること」です。
関連する情報は近くに、関連しない情報は離すなどして、項目や特定の意味ごとにグループを作ります。
こうすることで視覚的に見やすく、わかりやすくすることが出来ます。 read more