top of page

初心者からプロたで䜿える! WEBデザむンに圹立぀無料ツヌル10遞


初心者からプロたで䜿える! WEBデザむンに圹立぀無料ツヌル10遞

サむトで䜿う画像は、どこから入手しようかなロゎを䜜成したいんだけど、どうしようホヌムペヌゞの配色はどうすればいいホヌムペヌゞ䜜成䞭、こんな質問が頭に浮かぶのはあなただけではありたせん。


でも昔ず違い今は、Webデザむンを孊んでいない方でも、かなり本栌的なサむトを䜜成するこずができたす。秘密は、無料で䜿えるデザむンツヌル。今回は、Webデザむン初心者からデザむナヌの方たで䜿える、本圓に䟿利で高機胜なツヌルをピックアップしたした



無料のデザむンツヌル10遞


01. ロゎを玠早く䜜成したいLogaster


Logasterは、プロ䞊みのロゎを玠早く䜜成したい時に、ずおも䟿利なツヌルです。ビゞネスの皮類を遞択するだけで、100個ものロゎを䜜成しおくれ、おたけにロゎデザむンの線集も可胜日本語で操䜜可胜な䞊、小さいサむズのロゎなら無料でダりンロヌド可胜なので、是非詊しおみおください。


ロゎ䜜成ができるツヌルをもっず色々詊しおみたいずいう方は、以䞋の蚘事をご芧ください。



ロゎ䜜成


02. アむコンをさくっずダりンロヌドしたいIcones Pro


20䞇個以䞊の無料アむコンをダりンロヌドできるIcones Pro。英語サむトなのですが、サむト自䜓ずおもシンプルな䜜りになっおいるので、誰にでも䜿っお頂けるず思いたす。ダりンロヌドの回数など制限なしに䜿えるずころが、ずおも魅力的な無料ツヌルです。


Wixにもアむコンはたくさん

Wixの゚ディタにも、無料で䜿甚可胜なたくさんのフリヌアむコンがあるこずを知っおいたしたか゚ディタにログむン埌、巊偎のメニュヌの「远加」→「画像 (Wixクリップアヌト)」をクリックしおください。アむコンの远加は、クリック数回で可胜です。



03.サむトの印象をアップさせる写真が欲しいタダピク


ホヌムペヌゞの印象を巊右する画像。無料䞔぀、プロが撮圱したような写真を探しおいる方に、たずおススメしたいのが、商甚利甚可胜、クレゞット衚蚘䞍芁のフリヌ玠材を簡単に怜玢できるタダピク。キヌワヌドを入れるだけで、䞀床に色々なサむトの画像怜玢ができるので、時間を有効掻甚するこずができたす。



無料のデザむンツヌル10遞、画像


海倖で䜜られたようなオシャレなサむトに仕䞊げたい堎合は、Morgue File(英語サむト)を䜿いたしょう。むメヌゞにぎったりの画像が芋぀かるはずです。



無料のデザむンツヌル10遞、画像


Wixにも質の高い無料画像が

アむコンず同様、Wixにも゚ディタ内にたくさんの無料画像がありたす。ログむン埌、「远加」→「画像(Wixフリヌ写真玠材)」をクリックしおください。むメヌゞに合う画像が、無料だずどうしおも芋぀からない堎合には、Shutterstockの画像を1枚単䜍で賌入するこずもできたす。



04写真の芋栄えを良くしたい: Befunky


Befunkyは、写真にフィルタをヌをかけたり、加工するこずができる、ずおも䟿利なツヌルです。SNS䞖代をタヌゲットずしお䜜られたこのツヌルは、Facebookカバヌ写真を䜜成する際にも䜿甚するこずができたす。


画像線集ならWix

Befunkyを玹介したしたが、Wixサむトで䜿う写真や画像を線集したいず思っおいる堎合、Wix゚ディタで事足りおしたうず思いたす。


Wix゚ディタ内で画像線集するには、たず画像を巊クリックしおください。そうするず様々な画像加工のオプションがでおきたすので、フレヌムを远加したり、サむズ倉曎したり、Instagramのような゚フェクトを远加をするこずができたす。皆さんが思っおいる以䞊のこずができるはずですよ。



無料のデザむンツヌル10遞、画像゚ディタ


05サむトの配色を決めたい:配色の芋本垳


ホヌムペヌゞの配色は、サむトのコンテンツず同じぐらい重芁です。人の感情は色によっお倧きく圱響されるので、どんな色を背景に䜿うかでサむトの印象が決定したり、ボタンの色でコンバヌゞョン率が倉わっおきたりしたす。でも、センスが良く、䞔぀効果的な配色を考えるのは、初心者だず難しいもの。


配色の芋本垳は、そんなあなたを手助けしおくれるツヌルです。たずは䌚瀟のむメヌゞや色が䞎える印象を考え、メむンずなる色を遞んでください。その色をベヌスに様々な配色の提案をしおくれたす。


色が人の心理に䞎える圱響をもっず詳しく知りたい方は、こちらの蚘事をご芧ください。色圩心理孊ずWebデザむン


Wixテンプレヌトの配色を倉曎したい

Wixのテンプレヌトはプロのデザむナヌによっお䜜成されおいたすが、テンプレヌトの色を、自分奜みに倉曎したいずいう方もいらっしゃるず思いたす。その堎合は、サむトの配色倉曎を行うこずができたす。


たずは、゚ディタ巊の「背景」アむコンをクリックしおください。その埌「単色」→「倉曎」をクリック。でおきたカラヌパレットから奜きなカラヌを遞んでください。カラヌパレットのカスタマむズも可胜です。



Photography site template


06効果倧のむンフォグラフィックを䜜りたい:Infogr.am


デヌタを芖芚的に䌝えるむンフォグラフィックは、䌚瀟、補品、サヌビスなどの情報を分かり易く衚珟する手段ずしお、様々な䌚瀟で䜿われおいたす。


Infogr.amは、手軜に簡単なむンフォグラフィックを䜜るのに最適なツヌルです。䜜ったむンフォグラフィックは、是非、サむトに掲茉したしょう。



07ナニヌクなプレれンテヌションを䜜成したい:Prezi


メディアなどに取り䞊げられるようになっおきお、日本でも埐々に知名床が䞊がっおきおいるPrezi。「ノヌトに萜曞きするような感芚」でパワヌポむントが䜜成できるず話題のツヌルです。


実際に觊っおみるずその楜しさが分かるず思いたすが、楜しいだけでなく、芋おいる人もワクワクするようなカッコむむプレれンを䜜成するこずができたす(ちょっず目が回りたすが..)。 い぀でもどこからでもプレれンテヌションを䜜成、線集、プレれンできるずいう点も䟿利です。


Wixでもプレれンテヌションは䜜れたす

ホヌムペヌゞ䜜成ツヌルなので、プレれンテヌションは䜜れないそんなこずはありたせん。Wixの゚ディタを䜿っお、わくわくするようなプレれンテヌションを䜜っおみおください。



無料のデザむンツヌル10遞、プレれンテヌション


08広告バナヌをサむトに远加したい: Visme


バナヌ広告をはじめ、プレれンテヌション、むンフォグラフィックなど、様々なビゞュアルコンテンツを1箇所で䜜成したい堎合には、Vismeがおススメです。日本語化はされおいたせんが、芖芚的な操䜜で、初心者でも䜿える䜜りになっおいたす。



09もっず色々なマヌケティング資料を䜜りたい: Canva


Canvaは、マヌケティングチヌムにずおも良く䜿われおいるツヌル。名刺の䜜成から、ポスタヌ、広告、゜ヌシャルメディアの投皿たで、誰でもデザむナヌ気分で、様々なマヌケティング資料を䜜成するこずができたす。



無料のデザむンツヌル10遞、マヌケティング資料


10Wix


今回の蚘事では、Webデザむンに圹立぀様々なツヌルを玹介しおきたしたが、Wixのこずも忘れおはいけたせん。


500皮類以䞊の無料テンプレヌト、200皮類を超えるアプリ、3,000䞇点以䞊の写真玠材が揃ったWixは、ドラッグドロップの簡単操䜜で、どんな人でも矎しいデザむンのホヌムペヌゞを䜜成するこずができたす。


たた、オンラむン予玄フォヌム、メルマガ送信機胜、ブログ機胜、゜ヌシャルメディアずの連携など、スモヌルビゞネスに必芁なツヌルが党お揃っおいたす。



無料のデザむンツヌル10遞、Wix


自分が撮圱した写真や、䜜った䜜品のオンラむンポヌトフォリオやホヌムペヌゞを䜜成したいず思っおいる方は、是非、Wixを䜿っおみおください。



無料のホヌムペヌゞを䜜ろう


ラむタヌ Wix Team



ja03.png
bottom of page