Web制作者向け便利ツール・参考デザインなどLIGブログ記事まとめ


Web制作者向け便利ツール・参考デザインなどLIGブログ記事まとめ

どうも〜こんにちはぁ!最近カナダから日本に戻ってまいりましたライター、のび太です。いや〜やっぱり日本はいいですね~。なんといっても牛丼が安くてウマい!!

さて、LIGではこれまでWeb制作者にとって役に立つ様々な記事が公開されましたが、かなり数も増えてきたので、今回はそれらを分野別にまとめてみました。

時間のない方も、ぜひ一旦ブックマークなどをしておいて、週末なんかに一気に読んでもらえたらいいと思ってます。この機会にWeb力向上を目指しましょう!

Web制作者に役立つ記事ジャンル別のまとめ

便利ツール

eyecatch_wintool3

Web制作者にとって便利ツールは欠かせませんよね〜。作業時間が何十、何百分の一にも短縮されることもあると思います。場面によって適切に使い分け、どんどん効率化を図っていきましょう。

■Windowsユーザー必見!普段使い&制作に役立つ便利ツール5選
http://liginc.co.jp/web/tool/79465

■最近お世話になったWEB制作に関するお役立ちツール&プラグイン
http://liginc.co.jp/web/js/jquery/76085

■ウェブデザイナー&コーダーが押さえるべきブックマークレット10選
http://liginc.co.jp/web/tool/browser/73256

■Photoshopが無い?ならば「Inpaint」でサクッと画像修正しよう!
http://liginc.co.jp/web/tool/other-tool/68044

■作業効率化!Googleアプリを1000%活かせる「Google Apps Script」の始め方
http://liginc.co.jp/web/tool/app/53038

Photoshop

main3

PhotoshopはほとんどのWeb制作者にとって必須ツール。日々レベルアップしていきたいですよね。Photoshopの便利な機能、小技などの記事が、LIGでは多く紹介されています。ぜひよく読んでPhotoshopを学んでいきましょう。

■意外と知らない!? Photoshopの隠れた便利機能ベスト3
http://liginc.co.jp/web/design/photoshop/76270

■Photoshop初心者必見!かっこいいグランジ風ロゴを簡単に作る方法
http://liginc.co.jp/web/design/photoshop/66534

■デジタル漫画を描こう!その1〜おすすめの制作ソフトとPhotoshopでの描き方編〜
http://liginc.co.jp/web/tool/other-tool/68650

■手書きからスキャンしてPhotoshopで!ウェブデザイン用イラストを制作する時の手順
http://liginc.co.jp/web/design/photoshop/68095

■よりリアルで美しく!Photoshop CCを使ってシャドウを作る方法
http://liginc.co.jp/web/design/photoshop/64905

Illustrator

LIGの地図

Illustrator(イラレ)を使っている方も多いと思います。イラレ使いの方に役立つ記事も、もちろんLIGでは紹介してまっせ〜。「これからやってみようかなぁ〜」という方にもおすすめです。

■初心者でも作業時間が半分に!?Illustratorの効率化テクニック
http://liginc.co.jp/web/design/illustrator/42719

■イラレが得意になる!ロゴ作りから学ぶベジェ曲線の基本と疑問点
http://liginc.co.jp/web/design/illustrator/70876

■年賀状にも!Illustratorで和風の印鑑やスタンプを作る方法
http://liginc.co.jp/web/design/illustrator/61661

■Illustratorの「オブジェクトの再配色」を使ってカラーバリエーションを作る方法
http://liginc.co.jp/designer/archives/10867

■Illustratorのライブトレースでオシャレなモノクロベクター画像を作る!
http://liginc.co.jp/designer/archives/9939

Sublime Text

stt

コーダーさんに人気急上昇のSublime Text。実は僕、つい最近乗り換えたんです。そのとき下記のLIG記事をガッツリ読み込んだんですが、すっごく参考になりましたよ〜。「Sublime Textに乗り換えようかなぁ〜」と思っている方にはぜひおすすめです。

■恋に落ちるエディタ”「Sublime Text」 完全入門ガイド!
http://liginc.co.jp/designer/archives/6774

■もう同じコードを繰り返さない!SublimeTextのスニペットで快適コーディング!
http://liginc.co.jp/web/tool/52389

■より見やすく、使いやすくなるsublime textテーマ8つ
http://liginc.co.jp/web/tool/other-tool/72241

■Sublime Text3で構文エラーをチェックするプラグインが超絶便利
http://liginc.co.jp/web/js/73704

■EmmetとSublime Textとctrl+e
http://liginc.co.jp/programmer/archives/5352

スマホサイト

catch1

スマホユーザーが急増する中、Web制作者としてスマホサイトならではの注意点、コツ、小技などをぜひ知っておきたいですね。以下の記事を読んで大いに勉強しましょう!

■スマートフォンサイトのhtmlコーディングメモ12個
http://liginc.co.jp/web/html-css/html/35485

■【iPhone】スマホサイト制作で役立つ!簡単なデバッグ方法【Android】
http://liginc.co.jp/web/tool/mac-iphone/77988

■スマホサイト構築に!ドロワーメニュー、スワイプのプラグインまとめ
http://liginc.co.jp/web/js/jquery/56550

■WEBディレクター必見。ストレスのないスマホサイトを作る8つのポイント!
http://liginc.co.jp/web/mobile/52717

■スマホサイト制作センスをアップする!見本・素材・WPテーマ・JS・その他全部丸ごとまとめ
http://liginc.co.jp/web/design/material/37047

レスポンシブデザイン

main_img

スマホ、タブレットなど様々な端末のユーザーが増えている昨今、マルチデバイス対応はますます求められています。いろいろなデバイスに対応する(レスポンシブ)デザインができることは、Web制作者にとっては必須のスキルになってきていると思います。この機会にぜひ学んでおきましょう!

■必読!5分でわかる流行のレスポンシブWebデザインまとめ
http://liginc.co.jp/designer/archives/6154

■レスポンシブデザインを制作するなら頭に入れておくべき基本事項7つ
http://liginc.co.jp/web/design/78072

■目指せ効率化!レスポンシブWebデザインを制作する際に役立つサイト6選
http://liginc.co.jp/web/useful/32396

■レスポンシブ・デザインとの違いって?アダプティブ・デザインについて考える
http://liginc.co.jp/web/design/59391

■WordPressでレスポンシブを構築する際の画像サイズ対応例
http://liginc.co.jp/web/wp/69592

タイプ別サイト集

eyecatch3

「今度ECサイトを作るんだけど、いい見本ないかなぁ〜?」などと思っているそこのあなた!ウェブサイトを作る時に参考になる様々な種類のサイト集をチェックしておきましょう。

■売れるサイトはデザインもステキ!参考にしたいECサイト15選
http://liginc.co.jp/web/design/76507

■インド人もビックリ!? デザインまで参考になるカレーサイト11選
http://liginc.co.jp/life/useful-info/77021

■車のことは分からないけどカッコ良すぎる自動車ブランドサイト10選
http://liginc.co.jp/web/design/74030

■春の出会いに惑わされない!可愛い女の子のテーマ別特集サイト8選
http://liginc.co.jp/web/matome-web/78667

■印象に残る!丸の要素をうま〜く取り入れているサイト13選
http://liginc.co.jp/web/design/72164

WordPress

140131wordpress

Web制作者はみんな大好きWordPress。LIGでも便利なプラグイン、カスタマイズ方法、小技、ブランクテーマなどを紹介する記事をいっぱい出しています。あなたのWordPressがレベルアップするはず!

■サイト構築時にオススメしたいWordPressプラグインまとめ20選
http://liginc.co.jp/web/wp/plug-in/67122

■WordPressのカスタマイズでよく使う!初心者が覚えておきたい条件分岐タグ9選
http://liginc.co.jp/web/wp/customize/67475

■HTML5ベースのブランクWordPress無料テーマ10選
http://liginc.co.jp/web/wp/other-wp/76929

■投稿画面がすごく便利になる!WordPressプラグイン4選
http://liginc.co.jp/web/wp/plug-in/57972

■フックって?WordPressのカスタマイズ方法を説明します!
http://liginc.co.jp/web/wp/customize/31745

SEO

eyecatch29

Web制作者としてはSEOは絶対に無視できませんよね〜。どんなにいいサイトを作っても、それが多くの人に見られなければ意味ないですからね。SEOに関する記事もじっくり読んでおきましょうか。

■コンバージョン率も改善!検索順位と流入が上がるSEO対策まとめ
http://liginc.co.jp/web/seo/75819

■アクセス増加を狙え!読みたくなる記事タイトルの付け方、7つの秘密
http://liginc.co.jp/web/seo/30932

■ブラウザのプライベートモードで手軽に「本当の検索順位」をチェックする方法!
http://liginc.co.jp/designer/archives/7515

■SEM担当者がユーザーの感想を直接聞ける「こえきく」を使ってみた
http://liginc.co.jp/web/service/75967

■コンテンツ作りに役立つ基本的なマーケティング心理学まとめ
http://liginc.co.jp/web/seo/37800

ライティング

eyecatch22

デザインだけでなく、コピーライティングの良し悪しでもユーザーの印象は大きく変わります。クライアントさんの方でPR文を準備できない場合など、自分で用意しなければならない時もあるでしょう。ゆえにWeb制作者として、ライティング技術を高めることはとても大事だと思います。

■PRのキャッチコピーやテキストを書くときに実践したいポイント6つ
http://liginc.co.jp/web/useful/78446

■WebサイトやPR制作のための魅力的なキャッチコピーの作り方
http://liginc.co.jp/web/useful/75426

■WEBライター初心者は必読!記事を書くときに押さえてほしい6の事柄
http://liginc.co.jp/life/matome-life/47186

■WEBメディア戦国時代を生き抜くためのWEBライティング・編集術
http://liginc.co.jp/web/useful/77695

■アクセス増加を狙え!読みたくなる記事タイトルの付け方、7つの秘密
http://liginc.co.jp/web/seo/30932

さいごに

Web制作者にとって一番大事なことは、常にレベルアップしようとする姿勢だと個人的には思っています。

次々と新しい技術が出てくるWeb業界においては、探究心と向上心を失わず、レベルアップしていったものだけが生き残れるのではないでしょうか。

今回の記事をぜひあなたのWeb力向上に役立ててくださいね!

この記事を書いた人

のび太
のび太 外部ライター 千葉
メディアやブログ制作&運用を得意とする株式会社NOBITAの社長をやっております、のび太と申しまーす!よろしくお願いしまーす!(個人ブログ:がんばれ!のび太!