サイトマップやフローチャートを手軽に作りたいときに便利なSketch素材「Flowchart kit 2.0」 - NxWorld
「Flowchart kit 2.0」は、用意されているシンボルを組み合わせていくことで簡単にサイトマップやフローチャートを作成できるSketch素材です。 様々なシンボルが用意されているので、よくある構成であれば十分対応できると思います。 以下で紹介している素材を使用する際は、ライセンス等は各自で再度確認してください。 大きいサイズで載せるとかなり長くなってしまうので引きのイメージではありますが、以下のようにグレースケールとダークカラーの2タイプのカードシンボルが用意されており、合わせると386種類も用意されています。 また、カードに限らず矢印・吹き出し・ラベル・デバイス・シェイプといったその他要素も豊富に用意されており、これらは3タイプのカラーがあります。 素材の中には上のようなサンプルも用意されているので、作り方や組み合わせ方の参考にしたり、少しカスタマイズして使うといったことも可
エンジニアのための「Sketch入門！」 1時間コース - Qiita
※「Sketch」はMac専用アプリです。Windows版はありません。 「演習ファイル＋動画＋演習付き」で記事を書いてます。 エンジニアの人から「Sketch使ってみたい」「日本語の記事が少ない」という声を聞いて、最近社内で勉強会しました。 Sketchについて日本語の記事を調べてみたところ、このレベルの記事はけっこうありました。 ただ、学びやすいか？といえばそうではないらしいので、少し工夫して学びやすいように書いてみました。 ハンズオン用などにご利用ください。 Sketchとは Sketchについて一応さらっと書いておきます。 ・アプリやWebのデザイン・UI設計などに使われるMac用アプリケーション IllustratorやFireworksのようなツールです。 ・$99 買いきり(2016/02 現在） 有料です。 ちなみにApp Storeでは買えなくなりました。ショバ代かかるか
珍しいワークフロー：Atomic Designの原則とSketchでデザインからプログラミングまで | POSTD
概要： Sketchを使ったAtomic Designの方法がプロダクトデザインの未来形です。 初めに この記事は、上のビデオの素晴らしい人物、Brad Frostの開発したシステムについて書いています。Atomic Designは今のレスポンシブなデジタルの世界に対応するために開発されたものです。 ここ何年も、私たちのデザインを少しでも理解してもらえるよう、スタイルガイド、基本的ガイドラインやムードボードなどのツールを作成してきました。同じように、開発者もBootstrapやFoundation、Bourbonなどのツールでプログラミング作業を楽にしようとしてきました。互いに妥協点を見いだし協力することで互いの作業を楽にできます。Atomic Designはまさにそれを実現しようとしています。 Atomic designはあるインスタンスやページをデザインすることではありません。大局的に
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【Sketch無料リソースの2021年決定版！】Sketch用UIキット、ワイヤーフレームキット55選【Sketchユーザーダウンロード必須！】