エンジニアの副業は週1からでも可能？副業の例や探し方も解説
- ITエンジニア
- 副業
新しいツールを模索している人、Webデザインをはじめたばかりの人におすすめなデザインツールと素材情報をまとめました。ぜひ日々のお仕事に役立ててください。
UIデザインツール
UIデザインツールの需要は現在伸び続けています。そのぶん新しいツールが次々に生み出されていたり、既存ソフトの操作性や機能がどんどんグレードアップされています。
Sketch 3
日本でも利用者が増加している『Sketch 3』は、Mac専用のベクタードローイングツールです。機能がUIデザインに必要なものだけに絞られているので、誰でも簡単に使いこなせます。
クオリティの高いフリーリソースやプラグインも豊富に用意されており、値段も99ドルと安く、かなりコストパフォーマンスの良いソフトです。
Figma
『Figma』の特徴は、複数のデザイナーがひとつのファイルを同時に編集できることと、chromeのブラウザ上で使えることです。
オンラインブラウザで使えるので、他のPCにデータを移行する必要もありません。これからデザインをはじめるなら、『Figma』を使ってみては？
STUDIO
『STUDIO』はレスポンジブなWebデザインが作りやすいUIデザインツールです。画面サイズを変更すると、自動的に最適化されるのです。
多くの描画ツールに存在する「レイヤー」の概念がなく、絵を描くように画面をデザインできるのも特徴。直感的な操作で、非エンジニアでも操作できます。
2017年にリリースされたばかりですが、そのユニークなUIが好評で、現在世界展開を目指してブラッシュアップが繰り返されています。
レスポンシブデザインソフト
デバイスが多様化した現代に置いて、レスポンシブデザインへの対応は欠かせません。短時間でさまざまなデバイスに対応するレイアウトを作成するために、専用のツールを使いましょう。
Bootstrap
『Bootstrap』はレスポンシブWebデザインに対応したCSSフレームワーク。スマートフォンやタブレットなど個別に対応するデザインを作るのは大変な手間です。『Bootstrap』なら、ブラウザの横幅サイズを基準にデザインを調整してくれます。
テキストエディタ
UIデザイナーに限らず、Web上でものづくりをする人にとってコーディングしやすいテキストエディタ選びは欠かせません。使いやすさを重視して、3つのおすすめをご紹介します。
Atom
GitHubで開発された『Atom』は、多くのエンジニアやデザイナーが利用するテキストエディタです。20年以上の歴史をもつエディタも多い中で、2015年にリリースされたばかりの新しい商品。 日本語に対応している他、パッケージ（プラグイン）も豊富。ユーザーは今後も増え続けることでしょう。
Coda 2
HTML、CSS、JS、PHP、Rubyなど言語を問わずコーディングができるプログラミングエディタ。また、サイトをフォルダ分けして管理できる機能が便利だと好評です。
Textastic Coda Editer
iPhone、Mac、iPadで使えるテキストエディタです。
手書き風のフォントパック
他とちょっと違うデザインに仕上げたいなら、多少読みにくくてもユニークなフォントを使ってみましょう。今回は、安くてオススメな手書き風フォントをふたつご紹介。
4 Modern Calligraphy Font Families
万年筆やマーカー、ブラシで書いた文字が含まれていて、そのラフな描き具合がサイト全体にゆるい雰囲気をもたせます。
フォントは4種類含まれています。
4 Modern Calligraphy Font Families, 30+ Inpidual Typefaces
7 Fabulous Handmade Fonts
ちょっと味のあるおしゃれのサイトを作りたい……という方に是非使ってほしい、手書き調フォントを紹介します。9ドルと安価ですが、7つの手書き風英字フォントが含まれています。大文字、小文字共に対応。
モックアップ素材
コンペや提案のために、モックアップを手軽に用意できるのはデザイナーが有利なポイントです。洗練されたモックアップ素材を利用して、資料をもっと魅力的に、効率的に作りませんか？
The Mockup Bundle
『Mockup bundle』は、デザイナーやWeb開発者はもちろん、広告代理店やブランディングに携わる方にもおすすめのモックアップ素材集です。素材は、12種類のパッケージに分かれており、さまざまな媒体で使える素材が詰まっています。
PHOTOSHOP VIP
モックアップ情報をまとめているWebサイトをブックマークしておくのも良いでしょう。
PhotoshopVIPは、世界中からあつめた優れたフリーフォントなどの無料素材や、フォトショップの使い方、最新デザインニュースをお届けするブログメディアです。
http://photoshopvip.net/tag/mockup
テンプレート集
デザインは必ずしもオリジナルである必要はありません。良いデザインであれば、テンプレートに頼ることも大切です。
WordPress Welcome Mat
『WordPress Welcome Mat』はコンバージョン獲得に特化したデザインのテンプレート集です。
効果的なCTAがついたランディングページ用のテンプレートが19種類含まれています。テンプレートはすべてカスタマイズ可能で、データのエクスポートも簡単です。
Assembly
『Assembly』は、『Bootstrap』で作られたテンプレート素材です。数千もの写真素材や18のテンプレート、700以上のアイコンで、直感的にデザインできます。
ASSEMBLY: A Robust Multipurpose Theme with Page Builder
Retro & Vintage Branding Bundle
デザインにビンテージ調の風合いを出したいときにおすすめの素材集です。ヒップなテイストのベクター素材や、ビンテージ風の名刺テンプレート等が利用できます。
サーフテイストやブルックリン風など4種類のスタイルがあり、2000種類のブラシ、テクスチャー、アクション、ベクター、アイコン素材が含まれています。一味違うデザインを叶えるお買い得なセットです。
2000+ Professional Retro & Vintage Design Elements
インフォグラフィックス作成ツール
データや複雑な情報を視覚的に表現する手段として、インフォグラフィックスは最適な手段です。情報を正しく美しく伝えるために、便利なツールをインストールしておきましょう。
Infogram
『Infogram』では、チャート、グラフ、地図のテンプレートを選び、可視化したいデータを入力するだけでインフォグラフィックスが作れます。 ExcelやCSV、Google Driveなどの外部データを読み込めるのも便利です。
Piktochart
ブラウザ上でインフォグラフィックを作れるサービス。インフォグラフィックだけでなく、報告書やバナーのテンプレートもあります。無料版の場合は、作った資料がWeb上に公開されてしまうのでご注意を。
人気のフリーランス・副業求人
【リモートワークOK】大手からスタートアップまで、幅広い領域でユーザー体験を担うデザイナー/アートディレクター募集！
- #副業OK
- #新規事業
- #スタートアップ
- #急募
- #長期案件
- #スポット案件（1ヶ月）
- #フルリモートOK
職種：デザイナー
時給：2,500円 〜 4,000円
働き方：どちらでも可
エリア：東京都
【リモート可】【子育てママ歓迎】IoTサービスで世界中の家族を幸せに。アプリデザイナー(スマホ・タブレット) /Webデザイナー募集
- #スタートアップ
職種：デザイナー
時給：2,000円 〜
働き方：どちらでも可
エリア：東京都
【リモートOK】アート・エンタメ×ITでイノベーションを！新規事業のデザイナー募集！
- #スタートアップ
- #土日週末OK
- #急募
- #長期案件
- #正社員募集
- #フルリモートOK
職種：デザイナー
時給：5,000円 〜 8,000円
働き方：どちらでも可
エリア：東京都
Designer Daily is a blog for designers and web designers by Mirko Humbert, a Swiss graphic and web designer who shares his thoughts on design, ressources and tips for designers, beautiful stuff & more. Don’t worry if you are not a designer, you are also welcome to browse around and enjoy yourself.
この記事はDESIGNER DAILYからの転載です。配信元または著者とコンテンツ契約を結び配信しています。
Design deals for the week
