WEBデザイン

1/7ページ

イラレで画像に自由変形を使用する

どうも中野です。今回はWordPressでは無く、イラストレーターについて書きたいことが出てきましたので、書かせていただきます。 イラレで画像に自由変形を使用する。 皆さんはイラレを使用している時に画像が思ったように動いてくれなくてイライラした経験はないですか?私は今日、それを体感しました。画像編集ソフトではないイラレ、、、どうしたら思ったように動いてくれるのだろうか、、、?色々調べまして、見つか […]

FontAwesomeをPhotoshopで使う

どうも中野です。先日、先輩とデザインについてどういう風に作成していくのが良いのかを聞いている聞いている時に「FontAwesome」というWebアイコンフォントを使用する事を勧められました。今回はそんなFontAwesomeをPhotoshopで使用する方法を紹介します。 1.フォントをダウンロード https://fontawesome.com/ サイトでフォントのダウンロードをします。まず、「 […]

ランディングページの参考サイト

どうも中野です。先日、ランディングページ(LP)の作成をすることがありまして、LPとは何を載せて、何を載せたらいけないのか?等わからないことだらけで、参考サイトを調べたりしたので、今回はLPの参考サイトの紹介をしたいと思います。 1.LP ARCHIVE https://rdlp.jp/lp-archive このサイトはLPのまとめサイトです。カラー、カテゴリー、イメージなどで分類分けされているの […]

デザインに困った時にやる事

どうも中野です。今回はデザインをしていて、行き詰まった時に私がやっていることを紹介したいと思います。 1.他のデザインを見る Pnterestなどの参考サイト集を見て、良いデザイン案は無いか探す。 2.今の作業は辞めて別の作業をする 今している作業を一旦そのままにして、別の作業を始めます。この時注意するのが、別の作業は簡単なモノにします。時間がかかってしまって、今している作業が次の日になったりする […]

つまらない管理画面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.選択範囲メニュー → 被写体の選択   まだまだ試作段階な感じの選択範囲ですが […]

1 7