世界的に有名なプロトタイピングツールを提供する「InVision」から、デザインツール「InVision Studio」が2018年1月にリリースされることが発表されました。なんといっても注目のポイントはその機能！ InVision Studioがどういった点で優れたデザインツールなのか、衝撃の機能をご紹介していきたいと思います。
間違いなく最強のデザインツール「InVision Studio」が2018年1月にリリース！ | Web Design Trends
世界的に有名なプロトタイピングツールを提供する「InVision」から、デザインツール「InVision Studio」が2018年1月にリリースされることが発表されました。なんといっても注目のポイントはその機能！ InVision Studioがどういった点で優れたデザインツールなのか、衝撃の機能をご紹介していきたいと思います。
【Mac向けFTPソフト】Transmitの自動デプロイ機能が便利すぎた…
Mac向けFTPソフトのTransmitに付いている同期機能が便利だったのでまとめ。Transmitを使えば、ローカルで編集したファイルをサーバー上に自動同期できます。UIもおしゃれなのでオススメアプリです。ダウンロードする場合は、公式サイトから試用期間付きで無料DLできます。 » Panic – Transmit – The ultimate Mac OS X FTP + SFTP + S3 app 動画：Transmitの自動デプロイ機能 手順１．Transmitで自動デプロイしたいファイルパスを設定する ローカルのパスとサーバー上（デプロイ先）のパスを設定します。 下記がその例となります。 # ローカルのパス /Macintosh HD/Users/bannaimanabu/Documents/deploy # サーバー上（デプロイ先）のパス /manabubb.xsrv.jp/pu
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になりました。ここ数年、頻繁なアップデートがあり、その度にバージョンアップフィーを請求されますが、いやいや、ここまでお世話になっていたら安いものだと思います。 とりあえず、新機能や機能強化について、ざっくりと翻訳してみました。 強化項目（勝手な）説明
リンク切れを爆速で検出するMac専用ソフト Integrity
リンク切れ爆速で検出するMac専用ソフト「Integrity」。どのくらい速いかって、1000~2000程度のリンクを辿る程度なら1分掛からないくらいに速いです。 ほぼアタックになっちゃうのかと心配するくらい速いのが「Integrity」。このくらい優秀だとみんな記事にしているのかなと思ったら凄くマイナーで勿体ないので紹介します。 ウェブマスター必携と言えるでしょう。 ローカルファイルもチェックできます setting（設定） Blacklists and whitelists：一致、除外のURLを選択できます。 Timeout：応答が返らないと判断する時間（500または404エラーが返ります） Threads：同時進行の数です。並列処理でサーバ負荷も高くなるのでご注意を。 – 説明には The default is 12, minimum is one and maximum is 40
Sketchの使い方: 初心者がマスターしておきたいSketchでのデザイン作業がぐっと効率的になるチップス | コリス
10 Sketch Tricks for Designers 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 レイヤー間でスタイルをコピペ レイヤーの移動 カラーピッカー 角丸の半径を個別に設定 再利用できるシンボル ツールバーのカスタマイズ iOSデバイスでデザインレビュー Sketchの便利なプラグイン Sketchでプレゼンテーション iPhone, iPadの画面を録画 レイヤー間でスタイルをコピペ レイヤーに同じデザインをコピペしたい時は、カラーコードなどをコピペするのではなく、スタイルをレイヤー間でコピペできます。 レイヤー間でスタイルをコピー ⌘ + Option + C レイヤー間でスタイルをペースト ⌘ + Option + V レイヤーの移動 レイヤーを上下に移動させたい時は、ドラッグ&ドロップの代わりにキーボード
これでチャネルがすっきり、Slackに特定の会話を深堀するためのスレッド機能が登場 - BRIDGE（ブリッジ）テクノロジー＆スタートアップ情報
＜ピックアップ＞ Threaded messaging comes to Slack Slack上の会話は、そのすべてをチャネルで、またチャネルに参加している全員に対して発信する必要があった。そのためチャネルはどんどん更新され、会話が流れていってしまう。 本日Slackに新たに追加されたのが、スレッド機能だ。関連するメッセージに関してひとつのスレッドを作成することで、チャネルを占領することなく、特定の会話をその中で行うことができる。 例えば、チャネルに登場した話題の中で、補足したい、また追加で議論したい話があるとする。でも、その深堀した話はチャネル上の全員が参加する必要はなく、少人数のみが対象だ。 返信したいメッセージにマウスオーバーし、「Start a thread」をクリックすることで、そのメッセージから派生したコミュニケーションを一箇所にまとめたスレッドが立ち上がる。スレッドは、チ
アニメーションが表現できる直感的なUIデザイン・プロトタイピングツール「Atomic」 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーのぺちこです。 今回はUIデザイン・プロトタイピングツールの「Atomic」をご紹介します。 ブログのネタ探しにネットサーフィンをしていたら偶然見つけたものなのですが、サイトを見ているだけで簡単そう＆すごそう！と思ったので実際に使ってみました。 Atomicとは https://atomic.io/ まずは、思わず使いたくなった紹介動画をご覧ください。 アニメーションまでつけた分かりやすいプロトタイプが、なんともサクサクと簡単に……！しかも無料。（beta版だけかもしれませんが） これはとりあえず試してみるしかない！ 公式サイトの「SIGN UP FOR FREE」から登録ができます。 「Atomic」の特徴 それでは「Atomic」の特徴について、くわしくご紹介します。 ブラウザ上で使える 「Atomic」は、WindowsでもMacでも使えるオンラインツールなので
長く使えるプロジェクト管理ツール厳選レポート2017
こんにちは。デザイナーのいしかわです。プロジェクト管理ツールマニアです。 理想的なプロジェクトマネジメントに向けて、これまでにプロジェクト・タスク・情報共有・進捗管理などに関するツールを30以上試してきました。その中から特におすすめしたい厳選ツールを7つ紹介したいと思います。 プロジェクト管理ツールを乗り換えるのは大変なので、できるだけ長く使い続けられるものを見つけたい！という気持ちで本気で評価しましたが、あくまでも自分で使ってみた感想になるので、人によっては合う合わないがあると思います。プロジェクト管理ツールの選定の参考になれば嬉しいです。 ※本エントリー更新時点での情報になりますので、機能や価格などの情報は異なる可能性があります。 ※2016/2/21 Asanaを追加しました ※2016/9/4 各ツールの最新情報をチェックし内容を更新しました ※2017/1/13 各ツールの最新
曲線の矢印の描き方（発想の逆転編）
曲線の矢印の描き方をご紹介します。 さて突然ですが、上図のような曲線の矢印を皆さんはどのように描きますか？ 今回は非常に簡単に、かつ美しい曲線の矢印を描く技をご紹介します。使用ソフトはイラストレーターです。目から鱗ですよ。
RealtimeBoard - UXデザインの最強コラボレーションツール
株式会社リクルートテクノロジーズ UX デザイナー。楽天株式会社、株式会社コンセントを得て現職。人材領域のサービスデザインに従事。ユーザエクスペリエンス設計担当者が集まるコミュニティ UX Tokyo 主宰。 コラボレーションツールの発展と課題 UXに携わる方であれば、UXデザインないしはサービスデザインに関するコラボレーションツールの１つや２つをこれまでに利用した経験があるのではないでしょうか？ UXデザインやサービスデザインのプロセスが多様化し、複雑化する中で我々UXデザインに関わる人間の負荷を軽減してくれる大変便利なツールがオンライン、オフライン問わず次々と登場しています。著者はこれまでにプロトタイプを強みとしたオンラインツール「UXPin」や紙上のテンプレートを無償で公開している「Service Design Toolkit」などを利用してきました。 ところが、どれも長くは続きませ
アクセス解析を自動で行う人工知能「AIアナリスト」- サイト分析サービス
GA4にも対応！ デジタルマーケティングの 診断＆改善をこれ一つでAIアナリストはGoogleアナリティクス（GA4）等のデータを元に、 データ分析から改善ポイントの提案、施策の管理と成果の検証と、 デジタルマーケティングのPDCAを支えるマーケティングDXツールです
曲線ツールの使い方イラストレーターの使い方 無料講座 入門編（Illustrator CC）
曲線ツールの使い方「曲線ツール」は名前の通り曲線を描くためのツールです。クリックするだけで滑らかな曲線を描くことができます。 ツールパネルのアイコンをクリックするか、キーボードの「Shift」＋「～」を押すと「曲線ツール」に切り替わります。 描画しやすくするため「グリッドを表示」と「グリッドにスナップ」をONにします。 「グリッドにスナップ」をONにすると、多少ずれてもグリッドに沿って自動で吸着してくれます。 左右対称にしたいときや、一定の間隔でパスを描画したいときは「グリッドを表示」と「グリッドにスナップ」をONにすると作業がしやすくなります。 「メニューバー」の「表示」→「グリッドを表示」と「表示」→「グリッドにスナップ」をクリックします。 「曲線ツール」に切り替えて、上図のようにグリッドに沿って7回クリックしただけで、滑らかな曲線を自動で描画することができます。 ダブルクリックすると
MAMPを使ってローカルで複数サイトのバーチャルホストを設定＆イントラ環境や仮想環境からもそのサイトを確認する設定方法
以前、『MAMPを使ってMacのローカルで複数サイトのバーチャルホストを設定する方法』というエントリーを書いたのですが、もっと具体的に書いておいて、今後に活用しようと思ったので改めて、ちょっと内容も加えて書いておきます。 ちなみに今回の内容は、先日行ったSaCSS Weekly の１週目ので行った内容と同じになっております。 今回の設定での各達成目標 バーチャルホスト：http://sacss/ でPC内の特定のディレクトリをルートとして表示する バーチャルホストを複数設定してみる イントラ環境と仮想環境からのアクセスでも特定のディレクトリをルートとして表示する htaccessをバーチャルホスト毎に使えるようにする 今回はより明確に、この４つをそれぞれ達成できるように設定方法についてを書いてきたいと思います。 バーチャルホスト：http://sacss/ でPC内の特定のディレクトリをル
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２からある「線の位置」機能はすごく便利なんですが、クローズパス（閉じたパス）に対してしか機能しないという欠点があります。 例えば四角形など閉じたパスに線の位置を設定しても、パスを切断した途端問答無用で線の位置は中央に戻ってしまいます。 また、ペンツールでパスの描き始めのオープンパスの時点ではアイコンがグレーアウトしていてアイコンをクリックすること自体が出来ません。 こんな時はオープンパスでも線の位置を設定したい！ しかしイラレでは閉じてないパスでも線の位置を設定したい時があります。 左が線の位置が中央ではやりにくい状態、右が線を片側にすることでやりやすくなった状態です。 ●滑らかに曲線をつなぐ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Making Stylesheets in Sketch
chromeのデベロッパーツールでcssのhoverを調べる方法 - Qiita
