世界的に有名なプロトタイピングツールを提供する「InVision」から、デザインツール「InVision Studio」が2018年1月にリリースされることが発表されました。なんといっても注目のポイントはその機能！ InVision Studioがどういった点で優れたデザインツールなのか、衝撃の機能をご紹介していきたいと思います。
間違いなく最強のデザインツール「InVision Studio」が2018年1月にリリース！ | Web Design Trends
世界的に有名なプロトタイピングツールを提供する「InVision」から、デザインツール「InVision Studio」が2018年1月にリリースされることが発表されました。なんといっても注目のポイントはその機能！ InVision Studioがどういった点で優れたデザインツールなのか、衝撃の機能をご紹介していきたいと思います。
FontExplorer X Proが6.0にバージョンアップして、メニューが日本語化｜DTP Transit
FontExplorer X Proについて書いているDTP Transitの一番古い記事は、2005年11月30日。 FontExplorer X - DTP Transit Suitcaseから乗り換え、かれこれ、丸11年。愛してやまない、というか、これのないMacは考えられないくらいの位置づけにあるユーティリティです。 FontExplorer X Pro 6.0の新機能など 2016年9月、FontExplorer X Proがバージョンアップして6.0になりました。ここ数年、頻繁なアップデートがあり、その度にバージョンアップフィーを請求されますが、いやいや、ここまでお世話になっていたら安いものだと思います。 とりあえず、新機能や機能強化について、ざっくりと翻訳してみました。 強化項目（勝手な）説明
Sketchの使い方: 初心者がマスターしておきたいSketchでのデザイン作業がぐっと効率的になるチップス | コリス
10 Sketch Tricks for Designers 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 レイヤー間でスタイルをコピペ レイヤーの移動 カラーピッカー 角丸の半径を個別に設定 再利用できるシンボル ツールバーのカスタマイズ iOSデバイスでデザインレビュー Sketchの便利なプラグイン Sketchでプレゼンテーション iPhone, iPadの画面を録画 レイヤー間でスタイルをコピペ レイヤーに同じデザインをコピペしたい時は、カラーコードなどをコピペするのではなく、スタイルをレイヤー間でコピペできます。 レイヤー間でスタイルをコピー ⌘ + Option + C レイヤー間でスタイルをペースト ⌘ + Option + V レイヤーの移動 レイヤーを上下に移動させたい時は、ドラッグ&ドロップの代わりにキーボード
曲線の矢印の描き方（発想の逆転編）
曲線の矢印の描き方をご紹介します。 さて突然ですが、上図のような曲線の矢印を皆さんはどのように描きますか？ 今回は非常に簡単に、かつ美しい曲線の矢印を描く技をご紹介します。使用ソフトはイラストレーターです。目から鱗ですよ。
曲線ツールの使い方イラストレーターの使い方 無料講座 入門編（Illustrator CC）
曲線ツールの使い方「曲線ツール」は名前の通り曲線を描くためのツールです。クリックするだけで滑らかな曲線を描くことができます。 ツールパネルのアイコンをクリックするか、キーボードの「Shift」＋「～」を押すと「曲線ツール」に切り替わります。 描画しやすくするため「グリッドを表示」と「グリッドにスナップ」をONにします。 「グリッドにスナップ」をONにすると、多少ずれてもグリッドに沿って自動で吸着してくれます。 左右対称にしたいときや、一定の間隔でパスを描画したいときは「グリッドを表示」と「グリッドにスナップ」をONにすると作業がしやすくなります。 「メニューバー」の「表示」→「グリッドを表示」と「表示」→「グリッドにスナップ」をクリックします。 「曲線ツール」に切り替えて、上図のようにグリッドに沿って7回クリックしただけで、滑らかな曲線を自動で描画することができます。 ダブルクリックすると
Photoshopのモード変換とプロファイル変換、カラー設定について（プロファイル変換の方が綺麗！のその前に、初期設定を見直そう）
Photoshopのモード変換とプロファイル変換、カラー設定について（プロファイル変換の方が綺麗！のその前に、初期設定を見直そう） 「イメージ＞モード＞CMYKよりプロファイル変換で相対的な色域を維持の方がきれい！」というTIPsツイートが拡散するに従って、 「プロファイル変換の方がきれい！」と伝言ゲーム状態でマッチング方法が抜け落ちてしまっているのに気づいて、このエントリを起こしてみました。 注意）長いですが、前半はモード変換とプロファイル変換について。後半はカラー設定について、と分かれてます。 Photoshopで色変換する際には諸々の設定が大事… Psは色を正確に表示できるツールですが、設定のキモを掴まないとまともな表示すらままなりません。そこらへんは不親切な業務用アプリですから。 まず、相対的な色域を維持と知覚的の違いについてはこちらで PhotoshopのCMYK変換設定のキモ、
ローディングGIF画像と便利な作成ツール16選
Webサービスを利用するユーザーに対して、読み込み中と分かりやすく伝えるローディングGIF画像は重要な存在です。コンテンツが読み込み中であることを伝えなければ、なんらかの不具合であると勘違い、あるいは気付かずに離脱してしまう可能性があるからです。 今回は、そのまま使えるローディングGIF画像、簡単に画像生成ができる便利ツールをまとめてご紹介します。今すぐ画像を使いたい方はもちろん、自作で画像を用意して使ってみたいと思っている方もぜひ参考にしてください。 ※素材数などの情報は2016年4月8日時点のものです。今後変更となる可能性がありますのでご了承ください。 フリーのローディングGIF画像 1.フリーデザイン素材「 ローディングのくるくるアニメーションGIFがいっぱい -｜PIXEL LAB http://www.pixelimage.jp/blog/2012/04/loading_icon
impalette.com - impalette リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
進行中のデザインをクライアントも私もあれこれコメントつけあいながら確認できるサービス
クライアントさんに進行中のデザインを確認してもらうとき、どーしてます？ メールで画像を送る。確認してもらったあと、修正の要望をまたメールで返信してもらう。やっぱりこれが一番多いのかな。で、互いにうまく理解しあえない箇所は電話で詰めるという感じで。 本当は、クライアントさんもデザイナーさんも肩を並べて確認しあえたらベストなんですけどね。横で一緒にデザインを眺めながら、「ここをこういうふうに」「いやここはこういう意図があったもんで」なんて言い合いっこしながら進められれば、意思の疎通に苦しむことは、少なくなるでしょう。同じ箇所に対して、「ちょっとよくわかんないんだけど」とか、なんどもメールやメッセージのやりとりをすることからも解放されます。 でも、そんなに毎度顔を合わせた確認作業ができるわけなくて。クライアントさんも忙しいでしょう。もちろんボクも。そもそもネットと電話の回線だけで案件を進めるとい
閉じていないパスにも線の位置を設定する方法 | 鈴木メモ
オープンパスには「線の位置」の内側・外側の設定が出来ないと思っていましたが、CS５以上なら工夫すればほぼ同じことができることに気が付きました。簡単操作です。 線の位置は閉じたパスにしか機能しない cs２からある「線の位置」機能はすごく便利なんですが、クローズパス（閉じたパス）に対してしか機能しないという欠点があります。 例えば四角形など閉じたパスに線の位置を設定しても、パスを切断した途端問答無用で線の位置は中央に戻ってしまいます。 また、ペンツールでパスの描き始めのオープンパスの時点ではアイコンがグレーアウトしていてアイコンをクリックすること自体が出来ません。 こんな時はオープンパスでも線の位置を設定したい！ しかしイラレでは閉じてないパスでも線の位置を設定したい時があります。 左が線の位置が中央ではやりにくい状態、右が線を片側にすることでやりやすくなった状態です。 ●滑らかに曲線をつなぐ
簡単！ロゴ作成やフライヤー作成にオススメのツール23選
会社、お店、新規事業、イベントを始めるにあたって、顔となるロゴ（LOGO）や告知ツールであるフライヤーは非常に重要な要素です。しかし、プロのデザイナーに頼むと費用もそれなりにかかりますし、かといって自分ではデザイン出来ない、とお悩みの方も多いのではないでしょうか。 今回は、ブラウザ上で使えるロゴ作成やフライヤー作成にオススメのフリーツールをまとめてご紹介いたします。ダウンロードが不要で、Windows/Mac問わず使えるものばかりです。無料でもクオリティの高いロゴ、フライヤーを作成することができますので、気になるものがあれば使ってみてください。 1.ロゴ作成ジェネレーター Cool Text https://ja.cooltext.com/ 用意してあるロゴスタイルから好みのものを選んで、サクッとオリジナルのロゴを作成することができるジェネレーターです。 現在115個のスタイルから選ぶこと
フォント名を画像から調べる、日本語・英語のフォントを検索・自動判定できる無料サービスのまとめ
Webページ、本や雑誌、ポスターや看板などで見たフォントを使いたいけど、そのフォントが何か分からない時ってありますよね。そんな時にはフォントを画像から、フォントの特徴からそのフォントが何か検索できる無料サービスを紹介します。 日本語のフリーフォントのまとめも参考にどうぞ。 2022年用、日本語のフリーフォント 609種類のまとめ フォント名が分からない日本語フォントを検索・自動判定 Adobeやダイナフォントやタイプバンクの有償日本語フォントをはじめ、青柳衡山フォントやみかちゃんフォントなど無料日本語フォントまで、日本語フォントを検索できます。 Identifont -形状別フォント 識別名称別フォント検索 対応フォント 日本語・英語 対応フォントは、書体メーカー一覧をご覧ください。 検索方法 形状別・名称別・スタイル別・類似・絵文字・メーカー別 使い方は簡単で、名前が分からないフォントの
Adobeから自由自在に新しいフォントを作り出せる技術「Project Faces」が登場
ソフトウェア会社のAdobeが、サンフランシスコで開催中の「Adobe Max 2015」で、開発中の新技術を披露する基調講演を行いました。基調講演ではさまざまな新しい技術が紹介されましたが、その中でも特に反響が大きかったのが「Project Faces」という、フォントの骨格を解析して自由自在に新しいフォントを作成できる技術です。 Adobe MAX 2015 - Sneaks - Project Faces - YouTube デザインの際に頭を悩ませることの1つは、そのプロジェクトに適したフォントを選ぶ作業。既存のフォントを使いたくないときは、フォントを変形させたりするのですが、その作業は時間がかかり過ぎるそうです。 その問題を解決すべくAdobeはアプリケーションを開発中。そのアプリケーションのプロトタイプをiPad上で動かすというデモが行われました。スクリーンに大きな「P」が表示
Pictaculous - A Color Palette Generator (courtesy of MailChimp)
Generate a color palette from PNG, JPG or GIF image/photo. Receive color suggestions, download Photoshop swatches (.ACO)
アイキャッチ画像・ロゴ作成のための6つの優秀な無料ツール / Maka-Veli .com
事情があって、プロのグラフィック・デザイナーを雇えない場合はありませんか。コストが問題であったり、時間に追われていたり…といったことが原因で。あるいは、デザインの才能はあるけれど、ITに弱いという人もいるかもしれませんね。こうしたことが身に覚えがある方には、ブログ用のシンプルな画像やウェブサイト用のロゴを簡単に速く作ることができる優秀な無料ツールがある、というのは嬉しい情報ではないかと思います。 以下の6つのツールはロガスターのおすすめです。 文字通り数分で、シンプルかつ綺麗な画像やロゴが、誰でも作れます！ 1. LiveLuvCreate LiveLuvCreateはほとんどの人が使いやすいと感じる画像作成サイトです。 LiveLuvCreateを使えば、一つの背景画像から複数画像のコラージュまで、様々な種類のデザインレイアウトから選ぶことができます。三つのテキストエリアでは沢山
【配色 - デザイン ★★★★★】 - Color Scheme Designer 3
Paletton, the color scheme designer In love with colors, since 2002. Paletton application Colorpedia About Paletton About Paletton Paletton.com is a designer color tool designed for creating color combinations that work together well. It uses classical color theory with ancient artistic RYB color wheel to design color palettes of one to four hues, each of five different shades. Various preview sty
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Making Stylesheets in Sketch
12 Best Tools for Playing Around with Color
fontlab-studio
shade