これで無料とはすごい！Mac, Win, Linux対応、デザインの指示書やスタイルガイドを簡単に作成・共有できる -Zeplin
デザインの指示書やスタイルガイドを作成するのは、なかなか時間がかかりますよね。 使用している要素のサイズやマージンやカラーやフォントなどの情報を自動で取得したり、コメントを添えたり、指示書やスタイルガイドをプロジェクトのメンバーと共有できる「Zeplin」を紹介します。 1プロジェクトまで完全無料、2つ以上から有料ですが、機能制限などは一切ありません。 Zeplin Zeplinの特徴 Sketchでの下準備 Zeplin ソフトウェア版 for OS X Zeplin ブラウザ版 for OSX, Win, Linux Zeplinのインストール Zeplinの特徴 Zeplinは、Sketchで作成したデザインリソースから指示書やスタイルガイドなどを自動で生成するソフトウェア（無料）とオンラインサービス（無料と有料）です。 無料と有料の違いはプロジェクト数だけで、機能はまったく一緒。
パッとWebデザインのカラーを抽出して可視化してくれるウェブサイトの「配色」解析ツール
Web Colour Data URLを入力するだけ。ね、簡単でしょう？ どの色をどれくらいの割合で使っているのかんかを手軽に確認出来ます。 こちらと合わせて読みたいところですね。 カテゴリー別配色アイデア100 | Webクリエイターボックス配色センスが全くない？それならマテリアルパレットをちょっと使ってみて？ | Flips Blog Web担の小技 ちなみに解析は無料でできますが、解析するとNew！のところにばっちりサイトが出ますので、そのへんだけご理解の上ご利用を。 配色解析ツール ウェブデザインデータ http://webcolourdata.com/ それでは、また。
これは手軽で楽しい！文字をかわいくリボン状にくるくるっと配置できるオンラインサービス -Texter
文字のサイズに強弱をつけて大声や小声のように配置したり、リボン状にくるくるっと配置したり、文字をかわいく、そして楽しく配置できる無料のオンラインサービスを紹介します。 PhotoshopやIllustratorなど、特別なソフトウェアがなくても手軽に作れちゃうのはいいですね。
簡単便利！サクッとモックアップが作れる便利ツール10選
この記事は2016年11月14日に更新しました。 客先でプレゼンする際に、イメージ画像を入れるだけでは魅力が伝わりにくいと感じるときはないでしょうか？ 例えば、アプリやWeb制作の場合なら、完成形に近いビジュアルを見てもらう方が見栄えがいいですし、イメージしやすくなります。 そんな時に活用したいのが、完成形に近いイメージ像を簡単に作成してくれるモックアップ作成ツールです。 今回は、オススメしたいモックアップ作成ツール10種をご紹介します。とにかく簡単に使うことができますので、お客様や社内のメンバーに完成イメージを伝える必要がある際は、活用してみましょう。 モックアップとは モックアップとは、本物に似せた模型のことです。 例えば、携帯ショップに行くとよく製品の大きさやデザインの確認をするためのプラスチック製の実際には使えない模型を見かけます。それがモックアップです。 一般的に、工業製品のプロ
作品発表の前にチェックしたい、類似デザインを探せる検索サービス - MdN Design Interactive
2015年8月4日 TEXT：佐藤 勝 2020年東京オリンピックのエンブレムについて、ベルギーのデザイナーが「自分のデザインの盗作だ」として訴え、インターネットやマスコミで連日取り上げられる騒動となってしまった。その真相はどうあれ、多くの人が「発表する前にちゃんと調べておけば良かったのでは…」と感じた人も多いはずだ。 そこで、こうしたトラブルや炎上を未然に防ぐための手段の一つとして、自分の作品に似た画像がないかどうかを簡単に調べられるWebサービスをまとめてみた。 独自の画像照合エンジンや色認識エンジンを搭載。自分のPC内の画像ファイルをアップロードして検索できるほか、画像URLを直接入力しても検索できる（ファイルアップロードの場合、ファイル容量1MBまでに制限される）。ChromeやFirefox、Internet Explorerなどの主要ブラウザに対応するプラグインも提供。ブラウザ
これでもうアイコンを探す手間がなくなる！PhotoshopやIllustratorで利用できるアイコン素材を簡単にダウンロードできる無料アプリ -Icons8 App
Macだとツールバーから、Winだとタスクバーから、14,700個のアイコンがコピペやドラッグ&ドロップでPhotoshop, Illustrator, Sketch, Officeなどのさまざまなソフトウェアで簡単に利用できる無料アプリを紹介します。 14,700個はビジネスからホビーまで全39カテゴリ、すべてIcons8のアイコンなので、同じテイストのデザインで非常に高品質です。下部にはプレゼント企画もあるので、チェックをお忘れなく。 応募期間は、2015年7月30日で終了しました。 Icons8 App Icons8 Appのインストールは、下記ページから。 上部でMac用・Win用を選択すると、下部の「Donwload Icons8 App」がそのOS用に変わるのでダウンロードしてください。 ※ダウンロードにはメールアドレスが必要です。 Icons8 App どんなアイコンが利用で
UIデザインを作成するとき、“実際のデータ”を意識しなければならない理由 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。Pooleチームのデザイナー、�コーリーです。 先日デザインをしているときに、“UIデザインとデータの関係”が気になりました。 皆さんは、新しいサービスのUIデザインを作成する際、どんなユーザデータを使用していますか？ 仮想のデータを入力していると、想定外のことが起きたときに対処できなくなるかもしれません。 そこで今回は、UIデザインを作成する際に実際のデータを意識しなければならない理由と、データを使用するために便利なツールをご紹介したいと思います。 “実際のデータ”を意識すべき理由 データの値によってデザインが崩れることは多々あります。 例えば先日、メンバーページのUIデザインが一瞬崩れたのですが、原因はメンバーの1人である「野田クラクションベベー」の名前が長すぎたことでした。 このように、SketchやPhotoshopなどでせっかく綺麗なデザインを作っても、実際のデータと
サイト分析やWeb制作・執筆をスピードアップ！おすすめブックマークレット13 - Design Color
ブックマークレットとは？ ブックマークレットとは、一言で言えばブラウザにWebサイトへのリンクではなく“機能”をブックマークしておくもの」です。ブラウザに登録するところまでは一緒なのですが、そのブックマークレットをクリックすることで様々な機能を使えるようになります。 「拡張機能やアドオン使えばいーじゃん！」という考えもあるのですが、拡張機能やアドオンは結構PCのメモリを消費してしまうのですよね…。なので、ちょっとしたことをするならばブックマークレットを使ったほうがPCのメモリの節約になるのでオススメです！ サイト運用・分析に使えるブックマークレット あらゆるSNSでの反響がすぐに分かる！「ソーシャルてんこ盛り」 まずは私が１番お世話になっているブックマークレットである「ソーシャルてんこ盛り」。これ1つで気になるページのSNSでの反響をいっぺんに知ることができます！また、このブックマークレッ
プロ御用達！WEBデザインに役立つデザインツール13選
更新日: 2017年9月26日公開日: 2015年6月10日プロ御用達！WEBデザインに役立つデザインツール13選 忙しい web デザイナーの方、web デザイン勉強中の方、CSS やプログラミングからチョット目を離してデザインツールを見直してみませんか？ 今までやっていた作業、可視化に時間のかかっていた作業を劇的に変えてくれるツールがたくさん存在します。チョット作業の手を止めて、以下のツールを覗いてみてください。きっとこれからのあなたの web デザインを快適にしてくれますよ！ WEBデザインに役立つデザインツール 13選プロ顔負けのデザインツール「webflow」 webflow 対応 / Mac、Windows 価格 / 無料 ～ $84 /月 表示言語 / English Free トライアル / 有 デザインには自信があるけれど、実はプログラミングはチョット苦手、という方にお勧
秘かに流行っているらしいポリゴンデザインが簡単に作れる無料アプリが本当に簡単すぎた！
これだけです。 はじめに自動で加工をしてくれます。ですが、ちょっと荒いためはじめの点を全て削除します。それから加工したい物の輪郭に沿って点を打っていけば、いい感じにポリゴン化されます。 各ツールについても、簡単に説明をします。 上から順に説明していきます。 About DMesh = DMeshのオフィシャルサイトへのリンク Check Pro Version = 有料版のアプリダウンロードサイトへのリンク Load Image = 加工したい画像を選択 Save As…(s) = 保存 Save Format = 保存形式（Bitmap、Vector、OBJ） BG Color = 背景の色を調節する Mesh Opacity (1~0) = 加工した画像の透明度調整 Point Color = 点の色を調整する Reset Setting = 設定した内容をデフォルトへリセット Get
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
SiteOrigin Background Generator
Online Mockup, Wireframe & UI Prototyping Tool