それぞれの「形」が持つ意味と人に与える印象とは?


皆さんこんにちは、小野です。
早いもので2018年も残すところ1ヶ月ですね!
先日高校の時の友人と集まったのですが、「卒業して◯年経ったんだね」といった会話も出てきて、働き始めてから月日が流れるのがあっという間だなと改めて感じました。
年末まであっという間に過ぎそうですが、やり残しのないように過ごしていきたいところです。

さて、本題にうつります。
最近、デザインをする際に形が持つ意味や印象について調べる機会があったのでまとめてみました。

続きを読む

今すぐできる!使いやすい入力フォームを作成する5つのポイント


皆さんこんにちは、小野です。
先日お気に入りのカメラのレンズが壊れてしまい、新しいレンズを見に行ったのですが、店頭に並んでいる高機能のカメラを思わず手にとってしまい新しくカメラを購入してしまいました。
新しいカメラを持って出かけるのが楽しみですが、「今なら安い」「人気No.1」という言葉に弱いので勢いでものを買いすぎないようにしていきたいところです!

さて、今回は入力フォームのデザインについてお話ししていきたいと思います。

続きを読む

「見やすい!」「わかりやすい!」シニア層向けwebデザインのポイント5つ


皆さんこんにちは、小野です。

先日、祖母がガラケーからスマートフォンに機種変更し、使い方を教える機会がありました。

そこで思ったことは、私たちが当たり前だと感じているUIでも、初めての人やシニア層によってはわからないこと・不便に感じていることが思っている以上にたくさんあるのだなと感じました。

シニア層をターゲットとしたwebデザインで何を気をつけて制作をしていけば良いかまとめてみました。

続きを読む

視覚的に情報を伝える「インフォグラフィック」とは?


皆さんこんにちは、小野です。
週末は川に行って泳いだり、花火大会に行ったり、ひまわり畑に行ったりと夏を満喫しました。
今週も一週間暑くなりそうですが暑さに負けず頑張っていきましょー!

さて今回は、先日デザインでグラフの作成をする機会があったので、「インフォグラフィック」について少しご紹介していきます。

続きを読む

アプリ画面のデザイン模写をして気づいた3つのこと


皆さんこんにちは、小野です。
最近梅雨の影響で湿気のじめじめ具合がすごいですが、今週は特に89〜90%とかなり湿度が高いような気がします。
沖縄は梅雨明けしたみたいなので、宮崎も早く梅雨明けして外で週末思いっきり遊べると良いなと思います!

続きを読む

【デザインの作業効率UP】photoshopのアートボード機能を使いこなそう


皆さんこんにちは、小野です。
最近梅雨入り前ですが、かなり蒸し暑い日が続いてますね。
半袖でも全然過ごせる気温なので、これから夏がくるのが恐ろしいです・・
去年の時計焼けがまだ若干残っているので、今年は日焼け対策をしっかりしていきたいところです!

今回はPhotoshopの機能の一つである「アートボード」についてご紹介していきたいと思います。
ご存知の方も多いかと思いますが、初心者の方は覚えておけばデザイン作業の時短にもなるのでオススメの機能です。

続きを読む

デザインで使いやすい!おすすめGoogleフォント8選


皆さんこんにちは小野です。
最近、LINEゲームのディズニー ツムツムにはまり始めたのですが一昔前のゲームってたまに開くとはまり込んでしまうことがありますよね。
ツムツムも高校の時に少ししていたのですが久しぶりにやり始めると手が止まらず・・
ゲームをしすぎて視力を落とさないように気をつけないといけないなと思っています。

さて、今回はwebフォントサービスの「Googleフォント」について実際のデザイン業務で使用しやすい・よく使用するフォントをご紹介していきたいと思います。

webフォントとは?

フォントは通常、ローカル環境(自分のPC)にあるフォントを使用する仕組みとなっており、ユーザーによって見えるフォントが変わってしまうのですが、webフォントはフォントデータをサーバーから読み込み、ページに表示させることができるのでどの端末でも同じフォントが表示されるようになります。

・デザイン性が上がる
・どの端末でも同じフォントで表示される

といったメリットがある一方で、

・たくさんのwebフォントを使用しすぎると表示速度が遅くなる
・日本語に対応しているwebフォントが少ない

といったデメリットもあります。

続きを読む

Instagramを企業が活用するメリットとは?


皆さんこんにちは小野です。
だんだんと春らしい気温になってきましたね。
花粉症が嫌になる季節ですが、お花見をしたり、外で遊ぶにはちょうど良い気温なので楽しみです!

さて、皆さんはSNSといえば何を思い浮かべますか?
Facebook、Twitter、LINE、Instagramなどが誰もが知っているSNSだと思います。

SNSを活用している企業もたくさんありますが、そんな中でも「Instagram」について、企業が活用するメリットをご紹介していきます。

続きを読む

【webデザイン初心者必見!】テキストを読みやすくする6つの基本テクニック


皆さんこんにちは小野です。
先日宮崎の鵜戸神宮に行ってきたのですが初めて運玉が入って大喜びでした。
(鵜戸神宮、運玉について気になる方はこちらをご覧ください。)
宮崎は自然や神社の観光地がたくさんあるので九州に行く際はぜひ宮崎に来てください!

さて、今回はホームページをデザインする上でテキストを読みやすくするポイントを6つご紹介していきたいと思います。
デザイナーは読みやすい行間や大きさを考えてユーザーが知りたい情報を、目に入りやすくデザインしなければいけません。

基本のテクニックをまとめてみましたのでwebデザイン初心者の方はぜひ参考にしていただければと思います。
すでにデザインされている方は復習がてらに読んでみてください!

続きを読む

【webデザイン】デュオトーンの特徴とつくり方をご紹介!


皆さんこんにちは小野です。
もうすぐクリスマスがやってきますね!
お店でクリスマスソングが流れる季節になるともう今年も終わりなんだなと少し悲しくなってきます・・
家族と過ごす方、友達と過ごす方、恋人と過ごす方、楽しいクリスマスをお過ごし下さい!

今回はweb業界でもトレンドとなった「デュオトーン」についてご紹介していきたいと思います。

続きを読む

意外と知らない!WEBデザインをする時にお世話になっているツールをご紹介


皆さんこんにちは、小野です。
昨日からスマホアプリ版のどうぶつの森が先行配信されましたね。
この日をワクワクしながらカレンダーにも配信日を入れて心待ちにしていました。
早速インストールして楽しんでいます!夜更かしには気をつけたいところです。。笑

webデザインをする時、この時間が短縮されれば良いのに・・と思ったことはありませんか?
オンライン上には、今までやっていた作業、時間がかかっていた作業を劇的に変えてくれる無料ツールがたくさん存在しています。
今回はwebデザインをする上で知っていると便利で役立つツール、意外と知られていないツールをご紹介していきます。

続きを読む

【Adobe Capture CC】手書き風アイコンを簡単に作ろう


皆さんこんにちは、小野です。
夕方になるとオフィスの窓からムクドリが大群発生しているのが見えるのですが、ムクドリの鳴き声を聞くと「もうすぐ冬だな」と感じます。
毎日大群が電線に綺麗に整列してずっと鳴いているので、何をしているのか謎ですね。笑
少し肌寒くなってきましたがみなさんお体にはお気をつけてお過ごしください!

さて、今回は「Adobe Capture CC」をご紹介していきます。

Adobe Capture CCとは?


Adobeが提供しており、写真を撮影するだけで「色、形、ブラシ、パターン」などの素材を作成することができるスマホアプリです。
photoshopやIllustratorなどのライブラリですぐに使用することができます。

続きを読む

5分でわかる!webサイトのレイアウト方法7つ


皆さんこんにちは、小野です。
9月も後半になりだんだん朝夜が寒くなりはじめましたね。
秋といえば読書の秋・食欲の秋・スポーツの秋…などいろいろありますが、私は「食欲の秋」です!
夏はアクティブに運動していましたが、最近カフェ巡りと写真撮影にはまっているので秋はゆっくりとした時間を過ごしていこうと思っています。

さて、今回の記事の内容は「webサイトのレイアウト方法」です。
webデザインのレイアウトはスマートフォンやタブレットの使用者増加に伴って日々新しいものがでてきています。
最新のトレンドもご紹介しつつ、定番のレイアウト方法を7つ厳選してご紹介していこうと思います。

続きを読む

【photoshop】描画モードを使いこなしてワンランク上の画像合成を!パート2

20170807_main
皆さんこんにちは小野です。
8月になりいよいよ夏らしくなってきましたね。花火や旅行、海など私は夏を満喫中です。
暑くなるので熱中症など皆さん気をつけてください!

前回の記事で描画モードについて書かせていただきましたが、今回も引き続きパート2として「比較(明)」から「カラー比較(明)」まで明るくなる効果をもった描画モードをご紹介させていただきます。

続きを読む

【photoshop】描画モードを使いこなしてワンランク上の画像合成を!パート1

BLEND MODE
こんにちは、小野です。
6月後半となりましたが、梅雨のじめじめした季節がやってきましたね〜
今年は昨年に比べると梅雨入りも晴天が続きそこまで雨が降っていないように思います。
もうすぐ7月ということで梅雨が終われば海やBBQなど楽しみがたくさんです!

さて、皆さんはphotoshopの描画モード(ブレンドモード)は使用されたことありますか?
定番の「乗算」や「スクリーン」などはphotoshop経験者であれば大体使ったことがあるかと思いますが、他のモードも使いこなすことでいつもと違った画像加工や効率アップにつながるかもしれません!
初心者でも簡単に加工できる方法をモードの種類ごとに2回にわたってご紹介していきます。
(27種類ありますが実務で使用できそうな「ディザ合成」から「カラー比較(明)」までこのブログでご紹介させていただきます)

続きを読む

見やすいデザインを!余白を使いこなす4つのポイント

main_20170514

皆さんこんにちは、小野です。
先日テレビで3000種類のフォントを見分ける「絶対フォント感」をもった数学教師の方が紹介されていました。
普段デザインをしていて基本的なフォントはぱっと見て見分けがつく事はありますが、世の中には3000種類も見分けれるすごい人もいるのだなあとびっくりしました。笑

さて、最近ではwebデザインでフラットデザインでシンプルな余白の多いデザインが増えてきています。
webデザインだけではなく、プレゼン資料や紙媒体のデザインでも余白を作ることはとても重要となってきます。
ただ、余白は「なんとなくつけるもの」「感覚」といった状態ではなく、メリハリやリズムを与えるデザインの一部として考えることが必要です。

今回はそんな余白の取り方や与える効果について書かせていただきたいと思います。

続きを読む

配色に悩んだ時に使える!8つの配色技法

20170411_main
みなさんこんにちは、小野です。

人間の目で見分けられる色は750万色以上あると言われています。
その中から色の配色を決めるってとても難しいですよね。
前回の記事ではターゲット層や業種にあった配色をいくつか参考サイトとともにご紹介させていただきましたが、そもそも配色にはいろいろな技法があります。
今回はカラーに関する記事第4弾!
ということで配色に悩んだ際に役に立つ8つの配色技法についてご紹介させていただきます。
第1回目のカラーの記事で色相、明度、彩度、トーンなどカラーデザインに関する基礎用語をご紹介しているのでそちらもご覧ください。
続きを読む

第一印象は「色」できまる!ターゲットや業種にあった配色とは?

170216_main
こんにちは、小野です。

さて、皆さんはホームページの印象を決めるものは何だと思いますか?
文字やタイトルは意識して読むものですが、意識せずに目に入るものがあります。

それは「色」です。

webデザインをしている方で一番最初に悩むのは「配色」だと思います。
配色は「誰がターゲットなのか」「その商品からどのようなことを連想するか」を考えることが重要です。
色が与える印象は大きいものであり、配色を変えるだけでユーザーに全く違う印象を与えます。

今回はターゲットや業種にあった配色について参考サイトと共にご紹介していきます。

続きを読む

押さえておきたい!webデザインにおける 配色の選び方について


皆さんこんにちは、小野です。

今回は色に関する記事第二弾です!前回はカラーデザインの基本となる色の三属性とトーンについてご紹介させていただきました。

webデザインをやっている皆さんはどのように色をチョイスしていますか?
しっくりこなかったり、色が多くなってしまったりと悩むことがあると思います。
そんな時の参考にwebデザインにおける配色の選び方の基本について書かせていただきたいと思います。

続きを読む

カラーデザインの基本!色の三属性とトーンについて

20161126_main
皆さんこんにちは、小野です。
今年の冬は暖かいのかな?と思いきやいきなり寒さを増してきました。
もふもふしたものが恋しくなる季節です。
宮崎はまだ暖かい地域なのでこの感覚で雪の降る地域に行ったら凍えそうですね。笑

さて、今回から4回にわたって色に関しての記事を書かせていただきます。
第1回目はデザインに関わる人であれば最低限知っておかなければいけない、色の三属性とトーンについてです。
色に関する基本となりますのでデザインを始めたばかりの方、これから勉強したい方の参考になれば幸いです。
基本を正しく理解することでカラーデザインを極める第一歩になります。

続きを読む