UIデザイナーがSketchを使う理由と導入方法 – WPJ
スマートフォンが世に出て以来、アプリを制作するためにデジタルツールを使うデザイナーが急増し、それに合わせて従来のツールが進化を遂げたり、時代に合った新しいツールが登場したりしています。 中でもBohemian Codingが開発・販売しているSketchは一定の人気と地位を獲得しており、今やUIデザインツールの代名詞となっています。 このLessonでは、Sketchについてまだご存知でない方やこれから使おうと考えている方を対象に、Sketchの概要と基本的な使い方、架空のアプリ画面を例にしたUIデザインの制作方法、エンジニアとのやりとりなどについて解説します。 Sketchとは何か？ はじめに、そもそもSketchとは何なのか、改めておさらいをしておきましょう。 Sketchを開発・販売しているのはオランダのBohemian Coding。しばらくアムステルダムを拠点にしていましたが、現
SketchファイルをWindowsで開いて、編集・保存できる無料アプリが登場 -Lunacy
Windowsユーザーの方に朗報です！ Windows 7, 8, 10で、Sketchのファイルを開くことができ、編集も保存もでき、CSSの書き出し、SVGやPNGのエクスポートもできてしまう無料アプリが登場しました。 もちろん、日本語のWindows環境でも利用できます。 Lunacy, Sketch for Windows 前回紹介した時はファイルを開くだけの機能でしたが、ついに編集・保存にも対応し、Sketchの機能の80%を備えました！ Windows版のSketchといっても過言ではないでしょう。 Lunacyの特徴 Lunacyのダウンロード・インストール Lunacyの使い方 Lunacyの特徴 Lunacyは、.sketchファイルを開き、編集し、保存することができるWindowsのネイティブアプリです。しかも、完全無料で利用できます。 Lunacyの画面 Sketch（
全部無料！おすすめのSketch用UIキットやデザイン素材50選 | Web Design Trends
デザインを0から作るのもいいですが、時間がかかってしまったり、初心者の場合だと高いクオリティのデザインを作るのはなかなか難しかったりします。そんな時はUIキットやデザイン素材を上手く活用することで、効率よく優れたデザインを作成することができます。 ということで、今回はSketchでのデザイン制作に役立つUIキットやデザイン素材を50個まとめました。 UIキットとは UIキットとは、画面デザインやレイアウト、さらにパーツごとのデザインなどが集まったデザイン集のようなものです。UIキットはWeb上で様々なものが公開されているため、デザイン初心者の人でもそれを参考にすることでクオリティの高いデザインを作成することができます。 特にSketchは、デザインツールの中でも操作が簡単なので、UIキットを取り入れることで初心者の人のデザイン制作へのハードルがグッと下がっています。今回は、Sketchファ
私が手放せないSketchプラグイン11選 - bagelee（ベーグリー）
はじめに 最近、便利だな〜と思うSketchのプラグインをいくつか発見しました。 Sketchのプラグインって便利だな〜と思っても、実際使ってみると、意外と使う機会が少なかったり、逆にこれ使えるの？って思ってたものがしっくり来たり…なかなか使ってみないと業務に活かせるのかわからないものって多いですよね。 今回の記事では、私が使ってみて、とにかく便利だった！使ってよかった、というかむしろなかったら困る！と思ったプラグインをご紹介します。 ※今回ご紹介するSketchのブラグインの順番に意味はありません。 Runner こちらはメジャーすぎて言わずもがなですが、今でも間違いなくぶっちぎりで私が一番使っているプラグインなのでリストに入れています。 Sketch Runnerに関しては、以前の記事でもご紹介しているので、基本的な使い方をから勉強したい方やそもそもどういうものなのか分からない！という
Sketchを使う上で知っておくと地味に便利なtips | tipsBear
この記事はSketch Advent Calendar 2016 21日目のエントリーに入る予定だったんですが、21日目の記事を見ての通り、長くなっちゃったので分割した片割れの記事となります。 Sketchを使っていると、こんなとこが不便だなーとか、こんな機能デフォルトでないのかな？ などの疑問が浮かんできます。本記事ではそんな痒いところに手が届くかもしれないtipsをご紹介します。プラグインを入れるともっと便利になったりしますが、それはまた次の機会にでも。 Sketchの知っておくと便利なtips グループ化したあと、グループの中のレイヤーを簡単に選択出来るようにしたい レイヤーを選択する際に、Photoshopだと移動ツールを選択した際にクリックした先がレイヤーかグループか選べるセレクトボックスがありますが、Sketchにはありません。そしてSketchの選択ツールのデフォルトはフォル
プロトタイプ入門！初めてInvisionを使う人向けの機能と使い方の紹介 | Cntlog
最近はSketchを使うことが増えて（というか一択）になっており様々なプロトタイプツールに手を出しているのですがその中でも一番汎用性が高く気にいっているのがInVisionです。 Invisionは英語製なので日本人には敬遠されがちで、あまり機能や便利さが広まっていないと思うので、私が使っている部分になりますがInVisionで出来ることをご紹介します。 inVisionとは InVisionはプロトタイピングツールの一つでアプリやWebデザインのUI/UXをクライアントを含めたチームでコミュニケーションを取るWebサービスです。 EvernoteやAirbnbといった有名企業もinVisionを採用しているほどです。 プロトタイプはプロジェクトに関わる人数が多くなればなるほど、コミュニケーションコストを下げ、円滑に進行が出来ます。 InVisionは最近でもめまぐるしいサービスの更新があ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Sketchたまご