WEBデザイン

1/6ページ

つまらない管理画面UIデザインには用はない

  • 2019.01.18

Webアプリケーションの管理画面は、どれも似たり寄ったりでつまらない! WordPressのような2カラム構成に、Bootstrap3のようなカラーリング。 殆どの管理画面がこれだ。 どれも似たUIなので、非常に使いやすく、学習コストも少なくて最高のUIだが、どれも個性がなくてつまらない… もう、つまらない管理画面は懲り懲りだ。おさらばしよう! 脱つまらない管理画面UIのためのデザインの参考になる […]

目を引く文字デザイン

どうも中野です。今回は目を引く文字デザインの紹介をします。今回ご紹介するものはAdobeが提供していますチュートリアルの内容になります。 1.マドの中を塗る 2.混植する 3.先端にモチーフをつける 4.斜体にする 5.文字の要素をバラバラにする 6.配置を工夫する 7.ワンポイントを入れる 8.単純な線にする 9.文字の一部を分断する 10.図形で囲む 11.一部を伸ばす、つなげる 12.カリグ […]

人物の切り抜き remove.bg

どうも中野です。皆様、明けましておめでとうございます。本年もよろしくお願い致します。 今回は簡単に人物の背景を切り抜けるサイトを紹介します。また、そのサイトの使い方も説明したいと思います。 1.remove.bgにアクセス remove.bgにアクセスします。 2.切り抜きたい画像をアップします 切り抜きたい画像をアップします。今回はこの男性の画像をアップします。 3.完了 たったこれだけで背景を […]

WEBデザインをする上で参考になる記事

みなさん、どうも中野です。 今回は何を書こうかな? とネットを徘徊していると、為になる記事がいたる所に転がっているではないですか!! これは早速いただかねば!! ということで、中野が独断と偏見で選んだ「これは見といた方がいい」や「参考になる」と思った記事を紹介します。 1.レイアウトが考えやすくなるデザインのルール https://wp.yat-net.com/?p=3633 この記事はレイアウト […]

商用可 フリーフォントの紹介

どうも中野です。 今回は商用可のフリーフォントを紹介しているサイトを紹介します。 1.FONTODASU http://fontdasu.com/ このサイトは日本語の可愛い文字が多いサイトです。 2.フロップデザイン https://www.flopdesign.com/freefont.html このサイトで、特にオススメしたいのが、うつくし明朝体です。女性らしいしなやかな書体となっております […]

Photoshop 被写体を選択

どうも中野です。 最強寒波の影響でなのか、布団からなかなか抜け出せない日々を送っています。 そんなことはさておき、今回は夢の機能を紹介します。 なんと1クリックで選択範囲を作成してくれるという未来の機能です!! その名も「被写体を選択」!! まずは使い方の説明を 1.選択範囲を作成したい画像を用意します。 2.選択範囲メニュー → 被写体の選択   まだまだ試作段階な感じの選択範囲ですが […]

年賀状

どうも中野です。 もう12月です!師走です!クリスマスです!年末です! 年賀状です!! ということで今回は簡単に年賀状が作成できるツールなどを紹介したいと思います。   1.はがきデザインキット https://design-kit.jp/ 郵便局がやっている「誰でも、簡単に、楽しく、はがきがつくれる。」を売りにしているだけあって、すごく簡単にできました。 テンプレートも豊富でこれなら、 […]

ロゴデザイン

どうも中野です。 今回はロゴデザインの簡単な方法(考え方)を説明します。 1.文字の間隔を調整する イラストレーターなどで文字を打っただけだと、文字の間隔がバラバラになっているので、そこを調整する。すると文字にまとまりが出てきます。 2.一文字目を大きくする 一文字目を大きくすることでここから見出しみたいな感じになります。 3.全体をまとめる 動きや空間を与えて、全体をまとめます。 4.ワンポイン […]

配色に困ったら、参考にしたいカラーパレットサイト3選

  • 2018.11.26

HPの配色に困ったときに、個人的によく参考にする3サイトです。 Color Hunt Color Humt 4色の色の組み合わせをまとめてあるサイトです。 お気に入り登録機能やトレンドなど、様々な機能があります。 ざっくりとした配色を決める際にトレンドやランダムを見てアイディアを探します。 Dribbble Dribbble 言わずと知れた招待制のデザイナー向けSNS「Dribbble」。 作品に […]

Illustrator ツール その2

どうも中野です。 今回は前回に引き続き、ツールの説明をしたいと思います。 ですが、社内のパソコンがマックに代わり、それに伴い、イラレの表示が多少変化しております。 予めご了承下さい。 1.収縮ツール このツールは表示されている円の中心にクリックしている間、パスが収縮されていくツールです。 2.膨張ツール このツールは先ほどの収縮ツールの反対で円の中心から膨張するツールです。 3.ひだツール このツ […]

1 6