閉じる
閉じる
閉じる
  1. Amazonで人気 iPhone7ケース・カバー 耐衝撃タイプ おしゃ…
  2. ナイトプールがインスタ映えすると話題のスポットに!人気のフォトジェニッ…
  3. 2017テニプリバレンタインチョコ獲得ランキング発表!キャラクター缶バ…
  4. Bluetoothスピーカー Amazon/楽天 人気おすすめランキン…
  5. 別の使い方で高評価連発!Amazonで人気の「山善(YAMAZEN) …
  6. 映画「怪盗グルーのミニオン大脱走」が大人気!ミニオンのおすすめ手帳型ス…
  7. スマートウォッチはダサい!そんなあなたにルイヴィトン(Louis Vu…
  8. 旅行に最適 ミラーレス一眼デジタルカメラ人気おすすめランキング10選
  9. Android One X1スマホケース/カバー Amazon/楽天人…
  10. ダンジョン飯[九井諒子]最新5巻の無料立ち読みとダウンロードはコチラか…
閉じる

スマホクラブ

Webデザイナー御用達の便利なツール8選!これであなたもウェブデザイナーに!?

000

 

おはようございます。
スマクラのトレーズです。

ウェブデザイナーって
私には憧れの職業ですが

ウェブデザイナーは
公開する時に
どんな方法を取るかも
重要になってくると思います。

でも実は
ウェブデザインを使う上で
便利なツールがあるって
ご存知でしたか?

海外のウェブデザイナーが
使っているらしい
便利なツールがあるらしいんです。

今回はその便利な
デザインツールを
簡単にまとめてみました。

Webデザイナー御用達の便利なツール8選!これであなたもデザイナーに!?

ツールボックスには
どんなツールやリソースを入れるか
悩む所ですよね?

そんな時に
こんな便利なツールがあるんです。

では、8つ順番にご紹介しますね。

●Illusion.ai

000

ウェブサイト:Illusion.ai

2017年、会話型UIが新たな潮流になってきている現在。

Illusion.aiを開発したサンフランシスコのチームが
Webサイトやモバイルサイトに
会話型インターフェイスを組み込んで
使えるサービスを立ち上げたんですね。

サイト来訪者が
製品やサービスを理解する手助けをしてくれるんだとか。

コレクションには
さまざまなテンプレートが用意されていて
高度にカスタマイズ可能な
エクスペリエンスとインターフェイスの構築が
可能とのことです。

簡単に言ってしまえば
カスタマイズ可能で
魅力的なインターフェイスを
簡単に作成しサイトに組み込めるみたいな。

無料のツールなので
ぜひ、使ってみて下さい。

●Web Developer Checklist

001

ウェブサイト:Web Developer Checklist

Web Developer Checklistは
Chromeの拡張機能となります。

Web開発者向けに設計されていて
Webページにエラーや
標準からの逸脱がないかを
チェックできるようになってます。

他にも
サイトで問題になりそうな箇所を発見し
修正してくれるんですね。

こちらも無料のツールになります。

Web開発者用の包括的なチェックリストで
問題になりそうな箇所を
リアルタイムで発見出来るのは嬉しいですね!

●Freebiesbug

002

ウェブサイト:Freebiesbug

Freebiesbugは
Pasquale Vitielloによる
Webデザインのブログになります。

最高品質のフォント、コード、ストック写真や
PSD、イラストレータ、スケッチファイルなどの
リソースを無料で提供してくれていて
デザイナーが短時間で作業を終えられるようになってるんですね。

こちらも無料のツールになってます。

デザイナーや開発者向けではありますが
高品質なリソースからなる
無料のコレクションは
一見の価値ありだと思います。

●Hype 3

003

ウェブサイト:Hype 3

こちらは、Mac専用のツールとなります。

インタラクティブなHTML5コンテンツを制作し
アニメ化も出来るんだとか!

Hype ReflectとHyperEditを利用すれば
レスポンシブなレイアウトで
e-cardからinfographicsや
アニメ化されたサイトエレメントまで
全てを網羅してくれるんですね。

コードを勉強する必要がないので
ウェブ初心者にも
嬉しいサービスですよね。

ちなみに
14日間の無料トライアルがありますが
基本的には有料で
50$くらいします。

私はWindowsユーザーなので
こちらのツールは使えませんが

Macを使っているWebデザイナーや
グラフィックデザイナーが
コードの知識なしに
HTML5コンテンツを制作出来るというのは
強みですよね?

Brand Briefer

004

ウェブサイト:Brand Briefer

デザイナーやビジネス専用に
デザインされた
オンラインプラットホームで
ブランド生成に特化した
Webアプリとなります。

ブランドガイドの作成から
ステークホルダーが
実際にデザインプロセスへ参画するまで

オールインワンの
ブランドデザインハブを目指しているんだとか。

ブランディングプロセスの開始を手伝う
オンラインプラットホーム
という位置づけです。

無料ではありますが
β版なので
これからの更新が楽しみですね!

●Itmeo WebGradients

005

ウェブサイト:Itmeo WebGradients

まず、ウェブサイトを訪れると
LOAD画面がオシャレ
びっくりします。

線形グラデーションのフリーソースは
180を超えています。

Sketch、Photoshop、CSS、PNG形式
用意されている精選したコレクションは
全てのデザイナーが使えるようになってます。

実装が容易なシステムで
希望する時にだけ
UIにグラデーションを追加できるのも
メリットでしょうね。

ちなみに、無料のツールになります。

UIコンテンツ用に
簡単にグラデーションを実装したい場合など
ウェブデザイナー向けの
ワンストップショップになります。

●Lunacy

006

ウェブサイト:Lunacy

Lunacyは
Windows専用のSketchビューワーです。

Icons8により
サーバーに同期するプラグインが不要になり
Windowsユーザーが
Sketchファイルにアクセスできるように!

現在ベータ版で
Icons8チームが機能を追加予定らしいので
気になる方はチェックしてみて下さい。

AvocodeやZeplinを使うのと同じ方法で
CSSをコピーしたり
アセットをエクスポート出来るのは
非常に便利ですね!

ちなみに、無料のツールとなってます。

Windowsユーザーが
Sketchファイルに無料でアクセスできる
方法をお探しの方にぜひ!

●Shoutem

007

ウェブサイト:Shoutem

モバイルアプリ版の
WordPressという感じですね。

ワードプレスと言えば
サイト作りをしている方なら
実際に使われている方も
多いかと思います。

アプリの作成や公開、管理ができる
アプリビルダーとなります。

新しいアプリ機能を作ったり、
現在のアプリ機能をカスタマイズしたりと
なかなかに使えるツールです。

40以上のビルトイン画面や
数多くの既製の拡張機能に加えて
Reactネイティブで書かれた
200以上のカスタマイズ可能なレイアウト
用意されています。

コーディングのスキルがない
モバイルアプリ開発者にも
おすすめのツールですね!

ちなみに、最初の3プランの試用は無料ですが
基本的には、月19.90$の費用がかかります。

その他に拡張機能などをつけると
結構な価格になりますので
そこには気をつけて下さい。

クロスプラットホームの携帯アプリを
短時間で作成できる
ドラッグアンドドロップ形式の
アプリビルダーがShoutemです。

 

●関連書籍など

自分で作れる! おしゃれなWebサイト WordPressで初めてでも簡単にできる

楽天でもチェックする?

小さな会社のWordPressサイト制作・運営ガイド

楽天でもチェックする?

WordPress 3.x 現場のワークフローで覚えるビジネスサイト制作

楽天でもチェックする?

 

それでは

Webデザイナー御用達の便利なツール8選!
これであなたもウェブデザイナーに!?

ということで
簡単にまとめてみました。

ウェブデザイナーになりたい方や
毎日の作業時間を減らしたい方などの
ご参考になりましたら、幸いです。(*´ω`*)

 

関連記事はこちらから。
あなたとWindowsユーザを幸せにするツールが話題沸騰中!これだけは入れておこう!まとめ
音楽認識アプリ”Shazam(シャザム)”は曲名不明でも曲を探せる世界で最も人気な凄い無料ツール
pixiv Sketchがまるで魔法のようと話題に!pixivがお絵描きサービスにAI自動着色を導入して2年?!
線画に自動で着色してくれるサービス「paints chainer」が誕生!自分で塗る必要ない?!精度の高さに話題沸騰中!

SPONSORED LINK

関連記事

  1. HSS47260

    暁のヨナ[草凪みずほ]漫画最新刊の無料試し読み・ダウンロードはこ…

  2. BUN34460

    裁判長!ここは懲役4年でどうすか[松橋犬輔]漫画全巻の無料試し読…

  3. images (1)

    新国立競技場の提案書がA案に決定!B案はやはりスピリチュアルすぎ…

  4. あいきゃっち

    若い女性へのプレゼントに最適なヘッドホンベスト5!「スカルキャン…

  5. HA064860

    パレス・メイヂ[久世番子]漫画7巻最終回の無料試し読み・ダウンロ…

  6. 000

    PPAPの和風バージョン「by さだまさし」が登場!お正月にぴっ…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

ページ上部へ戻る