ウェブデザイン制作が加速中！便利な最新オンラインツール53個まとめ
この記事では、Webデザインやグラフィックデザインの制作が捗る、便利な最新オンラインツールをまとめています。 これらのツールやサービスを利用すれば、デザイン制作で面倒な作業も手軽に、短時間で行うことができ、より効果的にプロジェクトを進めることができます。制作ワークフローに取り入れてみてはいかがでしょう。 ここでは、カテゴリー別に分けて新しいオンラインツールをまとめています。 コンテンツ目次 1. デザインツール 2. モックアップツール 3. デザインからコードへの変換ツール 4. プロトタイプツール 5. アイコン素材パック 6. コラボレーション、共同作業ツール 7. 面白ツール 8. デザインコレクション ウェブデザイン制作を爆速に！便利な最新オンラインツールまとめ デザインツール SVG Colorizer 用意されたアイコンやキャラクターなどのSVG素材の配色をカスタマイズできる
Sketchでワンストップデザイン！ペーパープロトタイピングからUIデザイン、動作モックまで - tech/design/mura24
この記事は(Sketch Advent Calendar 2017 18日目の記事です。 こんにちは、デザイナーのmura24です。普段は事業会社でアプリのUIデザインをやっております。 サービス開発のデザイナーの主なデザインタスクとして、以下のようなものが上げられます。 これらのタスクにはそれぞれ、紙、Sketch、Google Suite、inVisionなど、最適なツールがたくさんあります。ですが、ツールを分けることで、デザインデータが引き継げない、すべての成果物を最新状態に保つ手間が発生する…などといった問題が起こってしまいます。 今回は、Sketchを活用してこれらのデザインタスクをワンストップで行う方法について公開します。 このエントリの対象 サービス開発に携わっている開発者（特にデザイナー） UIデザイン外のタスクの工数を減らしてもっとデザインに集中したい！と思っている方 開
SketchやPhotoshopで使えるAndroid NougatとiOS 10のUIキットまとめ
効率的なUIデザインに欠かせない、OS標準のUIキット。Android NougatとiOS 10に対応した最新のUIキットを紹介します。 AndroidやiOSがバージョンアップされるたびに、デザイナーや開発者はアプリをアップデートしなければなりません。最新版のAndroid 7 Nougat（ヌガー、Android N）とiOS 10用のUIキット（主に無料のもの）を紹介します。 LollipopにはたくさんのUIキットがありましたが、Android Nは半年以上前にリリースされたにも関わらず専用のキットやデザインリソースは多くありません。iOS 10には多くの選択肢があります。 1.Sketch向けAndroid N GUIキット Sketch向けのAndroid N 用GUIキットです。Sketch 3.8.2とGoogleのAndroidシステムフォントRobotoが必要となりま
Sketchってこんなに便利！デザイナーが入れておきたい無料プラグイン12個まとめ
アプリのUIデザイン作成ツールとして有名な Sketch 。今週、バージョン44が発表されたタイミングで、Sketch をより使いやすくするオープンソースの優れた無料プラグインをまとめてみました。 Sketch のユーザーコミュニティーは、とても活発に情報交換が行われており、ワークフローを根本的に改善する数多くの素晴らしいプラグインを見つけることができます。この記事では、すべてのデザイナーが持っておきたいベストプラグイン12選をご紹介します。 UIデザインの作成ツール Sketch！10の魅力と入門フリー素材50個まとめ Sketch Measure Sketch Measure は、デベロッパーやプロジェクトマネージャー、他のチームメンバーの作業を整理し、プロジェクトの概要をまとめるのに役立ちます。 また、デザインからコーディングまですべてのプロジェクトを一人でこなすひとにも便利なツール
Web制作者に朗報！SketchのファイルをWindowsで開くことができる無料アプリ -Lunacy
Lunacy Lunacyは2017年2月現在、アルファ版です。 現在利用できる環境はWindowsの64bit版のみで、.NET Framework（無い場合はインストーラーが起動します）が必要です。 2週間後には、ベータ版がリリースされる予定です。 Lunacyの使い方 当方の環境はWindows7の32bit版ですが、非公開版の32bit用インストーラー無し版を提供いただき、その画面で使い方を紹介します。 LunacyはSketchのファイルを単に開くだけでなく、さまざまな機能を備えています。 ※編集作業はできません。 まずは、Sketchのデフォルトで用意されているテンプレート「Material Design」でSketchファイルを作成しました。
【保存版】ワイヤーフレームに使えそうなSketch UIキット30選 | DesignSource
どうも、yohicです。 先日フリーのPSDをご紹介したんですが、そういえば最近Sketchばかり使ってるなあと思いまして。。。 最初はワイヤー描くときだけ使ってたんですが、だんだんデザインもこっちを使うようになってしまいましたね。 結局画像の加工するのでphotoshopが無いと全部はできないのですが、半分以上はSketchで完了してしまうのではないかなと。 どちらにしてもphotoshop使うなら、Sketchいらないじゃないという議論もあったのですが、そこはまた別の機会に書いてみたいと思います。 今回はワイヤーフレームを描くときに使えそうなUIキットを30個選んでみました！ スポンサーリンク webサイトのワイヤーフレーム まずはWebサイトのワイヤーフレームで使えそうなUIキットを10個ほど選んでみました。 01: Atomic Design Template Sketch Res
比べてわかったSketchとAdobe XDの違い 最高のUIデザインツールはどっち？
UIデザインに特化したデザインツールとして人気のある「Sketch」。その強力なライバルとなる「Adobe XD」と主要な機能と使い勝手を比べてみると……。 Sketchは長い間、Photoshop（ときにはIllustrator）と比べられてきました。 Photoshopは主に写真の編集に使われてきたものの、同時にSketchと直接競合する唯一のツールであり続けたためです。アドビは、アートボードの追加、エクスポート手順の改善、スマートガイドの追加など、UIデザイナー向けにPhotoshopを改良してきました。 もちろん、新機能を搭載したことによりPhotoshopはさらに肥大化して、あかたもオーシャンライナーにアイススケートリンクを追加したかのようです。 Sketchが勢いを増す一方、新たなデザインアプリ（Affinity DesignerやFigmaなど）が登場し、アドビはUIデザイナ
まだ使っていない方にはオススメしたい。Sketchって結局どんな感じなのよ？と思ったので試してみたよ。
こんにちは！霙(@xxmiz0rexx)です！ 2015年ももう終わろうとしている時に、遅ればせながらやっとデザインツールにSketchを導入してみました。 まだインストールして1週間ほどなんですが、入れて良かったという感想しかないです…。爆速で仕事が終わっていくやんけ、、、。そんなわけで今年最後の記事は、今年最後に手に入れたデザインツール『Sketch』をご紹介させてもらおうと思います。もしアプリをデザインする人でまだ使っていない人がいたら参考にしてみてください。Webデザインにも使えますが、やはりアプリデザインにこそ真価を発揮すると思います。 目次 Sketchを使って感動したこと 取り急ぎ入れたSketchプラグイン 気になっているプラグイン（未使用） これだけは覚えておきたいSketchのショートカットキー さいごに Sketchを使って感動したこと まだ使っていない人からしたら、
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://creative-tweet.net/sketch-basics/
Sketchで変わるワークフロー