Hey, I would like to share my experience on the process of creating a digital product for UI marketplaces, briefly describe the initial development stages and showcase Sketch hacks that could provide you a significant time saver while producing a decent resource for sale. IntroOver the past few years, the complexity and time-consuming costs of creating a UI kit or an Inspirational kit have signifi
Free Online Photo Editor Unlock your creativity with the best free photo editor. Transform your photos with professional-grade tools in a free online photo editor that works right in your browser. No downloads, no hassle. Start using Photopea Fully Local There are no uploads. Photopea runs on your device, using your CPU and your GPU. All files open instantly, and never leave your device. Cost-Effe
プラグインを構成する要素。あんま覚えなくてよい。 - プラグイン : プログラムやらなんやかんやファイルの集まり - プラグインバンドル : プラグインに関するなんやらかんやらが入ったフォルダ - コマンド : プラグインを構成する処理の単位、通常複数のコマンドが組み合わさってひとつのプラグインを構成する - アクション : コマンドを実行するきっかけとなるユーザの行動（メニューを選択する、ファイルを変更する、とか） - ハンドラ : アクションを検出してコマンドを実行するための橋渡しをするプログラム - スクリプト : プログラムが書かれたファイル Sketchプラグインのスクリプト（プログラム）はJavaScriptで書きます。ES6というお洒落なバージョンのJSが使えるが、面倒くさければ使わなくてよい。 Node.jsが必要なので、各自インストールする。npmも入れる。入れたらskp
こんにちは。 前回はSketchの画像の書き出しについてご紹介しました。 ▷Sketch初心者が知っておきたい！画像のスライス機能について 今回はSketchをより快適に使うためのプラグインを、ご紹介したいと思います。Sketchのプラグインは色々あるのですが、中でも便利だなと思ったものをあげていきます。 （そもそも「Sketchとはなんぞや？」という方はこちらの記事をご参照ください。） Sketch Toolbox まずはじめに、プラグインではないのですが、プラグインをスムーズにダウンロードできるソフトを入れます。 Sketch Toolboxはそのソフトで、スムーズにプラグインを入れる事ができます。 プラグインを入れる方法 ソフトを立ちあげて、検索フォームに入れたいプラグインの名前を検索。 そのInstallのボタンを押すだけで完了です！ プラグインをアンインストールする方法 アンイン
プログラマーはGitをはじめとするバージョン管理の恩恵を強く感じているでしょう。しかし開発に携わる方はプログラマーだけではありません。デザイナーだってもっとGitを使いこなしたいと思っているはずです。 そんなデザイナーの中で、Sketchを使っている方にお勧めなクライアントがKactusです。 Kactusの使い方 最初の画面です。GitHubまたはGitHub Enterpriseに対応しています。 ログインしたらリポジトリを登録します。 そしてリポジトリに対してSketchファイルを登録していきます。 JSONファイルであれば内容の確認もできます。 ブランチの切り替えもできます。 筆者はSketchを持っていないのでこちらは公式リポジトリより。変更内容を横並べで比較できます。 KactusはSketchのファイルにしか今のところ対応していませんが、バイナリファイルを横並びで比較できるの
Sketchは直感的に操作できるのでWebサイトのデザインカンプなどは、Photoshopでデザインするよりも、かなり速く仕上げることができます。 Sketchには予め便利なショートカットがセッティングされていますが、Sketchを更に便利に使い倒してやろうではないか！ということでSketchのショートカットで足りないものを独自に設定します。 SketchのショートカットはMacのシステム環境設定から行う Sketch本体にショートカットを設定する項目はないので、Macのシステム環境設定から行います。 システム環境設定＞キーボード＞ショートカット＞アプリケーションで設定項目までアクセスします。 ショートカット設定手順 +ボタンで新しくショートカットを追加する アプリケーションはSketchを選択 メニュータイトルにショートカットを設定したいメニュータイトルを正しく記述 キーボードショートカ
新年明けましておめでとうございます。 2017年も、未来の豊かさにつながる仕組みをデザインする組織として、STANDARDメンバー一同、常に学び、考え、邁進して参ります。本年もどうぞ、よろしくお願いいたします。 Sketchの連載記事を執筆しました 私事ですが、年末にWPJさんでSketchの連載記事を執筆させて頂きました。 吉竹 遼のSketch入門 for UIデザイナー – WPJ 対象はこれからSketchを触ろうと思っている方や、使っているけどもっと色々使い方を知りたい、という方です。今回はこの連載の中から、周りの反応が上々だったテクニックについて、編集さんに許可を頂き増補バージョンとしてお送りします。 Sketchはバージョン41以降シンボルのオーバーライドが可能になり、ますます効率化が進み使いやすくなりましたが、一方でシンボルを作成する機会も多くなり、管理の手間が増えてきまし
この記事はSketch Advent Calendar 2016 21日目のエントリーに入る予定だったんですが、21日目の記事を見ての通り、長くなっちゃったので分割した片割れの記事となります。 Sketchを使っていると、こんなとこが不便だなーとか、こんな機能デフォルトでないのかな？ などの疑問が浮かんできます。本記事ではそんな痒いところに手が届くかもしれないtipsをご紹介します。プラグインを入れるともっと便利になったりしますが、それはまた次の機会にでも。 Sketchの知っておくと便利なtips グループ化したあと、グループの中のレイヤーを簡単に選択出来るようにしたい レイヤーを選択する際に、Photoshopだと移動ツールを選択した際にクリックした先がレイヤーかグループか選べるセレクトボックスがありますが、Sketchにはありません。そしてSketchの選択ツールのデフォルトはフォル
Miki Ishijima デザインワーク、ソフトウェア開発のワークフロー、デザイン自体の考え方に関する著書を持つ。2013年にザ・マーズナレッジ株式会社設立。 works Sketchの使い方をお話ししてきました。 Posted by Miki Ishijima on June 20, 2014. CPI x CSS Nite x 優クリエイト「After Dark」（11）にてSketchの基本的な使い方についてお話してきました。 準備中の様子 題して「ワイヤーフレーム・プロトタイプ制作に使うSketch」です。 Adobe Fireworksの新規開発中止をうけて注目を集めたSketch。実はWebページやアプリのUIデザインに最適化されたベクタードローイングツールとして有名です。そのSketchがバージョン3になり、さらに使いやすく大幅に機能強化されました。 本セッションでは、Sk
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く