閉じる
閉じる
閉じる
  1. スマートウォッチ Amazon/楽天 人気おすすめアイテム10選
  2. 複数のPCを操作できるフリーソフト「Mouse Without Bor…
  3. 囚人リク[瀬口忍]漫画全巻の無料試し読み・ダウンロードはこちら!ネタバ…
  4. 走馬灯株式会社[菅原敬太]漫画全巻の無料試し読み・ダウンロードはこちら…
  5. 高校デビュー[河原和音]漫画全巻の無料試し読み・ダウンロードはこちら!…
  6. 咲-Saki-[小林立]漫画全巻の無料試し読み・ダウンロードはこちら!…
  7. シマウマ[小幡文生]漫画全巻の無料試し読み・ダウンロードはこちら!ネタ…
  8. わたるがぴゅん![なかいま強]漫画全巻の無料試し読み・ダウンロードはこ…
  9. スマッシュ![咲香里]漫画全巻の無料試し読み・ダウンロードはこちら!ネ…
  10. シュート![大島司]漫画全巻の無料試し読み・ダウンロードはこちら!ネタ…
閉じる

スマホクラブ

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. 完成写真

    ハロウィンに!ずぼらな主婦に贈る!裏ごし要らずの簡単な南瓜スイー…

  2. おでん

    今年食べたいおでんのランキング2015!トップ5は不動かと思いき…

  3. 完成

    2015クリスマスパーティに!ホットプレートで作る簡単な「エスニ…

  4. 宮廷女官 チャングムの誓い

    「宮廷女官チャングムの誓い」が見放題 – Hulu

  5. ねこあつめ

    ねこあつめがついに1000万ダウンロード達成!ネット上の反応は……

  6. rudder

    【被災を最小限に食い止めるために】熊本地震まとめ2

コメント

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

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

ページ上部へ戻る