Sketch初心者が知っておきたい！ガイド機能について
こんにちは。 前回はSketchのマスク機能についてご紹介しました。 →Sketch初心者が知っておきたい。画像の切り抜きに使えるマスクの解説 今回はSketchのガイド機能について解説していきます。 ガイド機能とは、デザインのレイアウトを設計するときに使う仮想的な線を引くための機能のことです。 くわしくは本文で解説していきます！ （そもそも「Sketchとはなんぞや？」という方はこちらの記事をご参照ください。） ガイドとは？ Sketchにおけるガイド機能は、ルーラー、ガイドライン、グリッドが該当します。 ガイドはデザインやアイコンを作成する上で、一番はじめに設計するものです。 そのデザインのレイアウトのルールのようなもので、ガイドに従って進めていきます。 なぜガイドをひくか？ デザインのレイアウトはガイドを参考に進めていきます。 つまりデザインの整列や規則性の美しさは、要素そのものでは
まだ使っていない方にはオススメしたい。Sketchって結局どんな感じなのよ？と思ったので試してみたよ。
こんにちは！霙(@xxmiz0rexx)です！ 2015年ももう終わろうとしている時に、遅ればせながらやっとデザインツールにSketchを導入してみました。 まだインストールして1週間ほどなんですが、入れて良かったという感想しかないです…。爆速で仕事が終わっていくやんけ、、、。そんなわけで今年最後の記事は、今年最後に手に入れたデザインツール『Sketch』をご紹介させてもらおうと思います。もしアプリをデザインする人でまだ使っていない人がいたら参考にしてみてください。Webデザインにも使えますが、やはりアプリデザインにこそ真価を発揮すると思います。 目次 Sketchを使って感動したこと 取り急ぎ入れたSketchプラグイン 気になっているプラグイン（未使用） これだけは覚えておきたいSketchのショートカットキー さいごに Sketchを使って感動したこと まだ使っていない人からしたら、
Sketchでデザインをして気付いたPhotoshopより優れているポイント | creive【クリーブ】
こんにちは。 Sketch3にPhotoshopから乗り換えて1年が経つデザイナーです。 すでに使っている人が多数かと思いますが、慣れ親しんだPhotoshopを止められない！という方もいるのではないでしょうか。 今回は、「Sketchって気になってるけど実際どうなの？」「Photoshopとどっちがいいの？」という方へ向けて、Sketchが優れている理由をいくつかあげてみました。 是非参考にしてください！ Sketchとは SketchはMac用のベクターグラフィックソフトです。 ベクターソフトでありながらピクセル基準で作成することが前提のつくりになっており、Web制作やUIデザインに特化しています。 日本でのweb制作といえば、Photoshopが有名かと思います。 筆者も以前はPhotoshopをメインに使っていましたが、今ではSketchに魅了されメインソフトにしました。 アプリケ
PhotoshopとIllustratorとSketchを上手に使っていこう | バニデザノート
PhotoshopとIllustratorとSketchが最近のウェブデザインツールとして上がってますね。 お客様のニーズに合わせて、いつもはデザインしないアプリをベースアプリとして デザインを要求されることもあるかとおもいます。 今回は、「だいたい同じことができる、でも得意不得意はあるかも」といったことをアプリをまたいで考えてみました。
Sketch3でこれからデザインする人に使い方のヒントになりそうな操作をまとめてみる | バニデザノート
Sketch3は、ウェブサイトや、アイコンや、スマホデザインや、レスポンシブデザインなどのデジタルデザインに特化したデザインアプリです。 直感的で、定義をすればするほど速くデザインができるんですが、PsやFwと比べると、シンプルになりすぎてて「あの機能はどこなの？っていうかあるの？」って思うものがいくつかあったので、まとめてみたいとおもいます。
Sketchの使い方: 初心者がマスターしておきたいSketchでのデザイン作業がぐっと効率的になるチップス | コリス
10 Sketch Tricks for Designers 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 レイヤー間でスタイルをコピペ レイヤーの移動 カラーピッカー 角丸の半径を個別に設定 再利用できるシンボル ツールバーのカスタマイズ iOSデバイスでデザインレビュー Sketchの便利なプラグイン Sketchでプレゼンテーション iPhone, iPadの画面を録画 レイヤー間でスタイルをコピペ レイヤーに同じデザインをコピペしたい時は、カラーコードなどをコピペするのではなく、スタイルをレイヤー間でコピペできます。 レイヤー間でスタイルをコピー ⌘ + Option + C レイヤー間でスタイルをペースト ⌘ + Option + V レイヤーの移動 レイヤーを上下に移動させたい時は、ドラッグ&ドロップの代わりにキーボード
こんなやり方があったとは！IllustratorやSketchでWebデザインをはじめる前に必ず読んでおきたい -ベクターデータの教科書
最近のWebデザインに、ベクターデータの存在は欠かせないものになってきました。 アイコンやロゴなどをSVGで使用したり、Webページやアプリのデザイン・UI設計といった制作のワークフローをベクターで作業している人も増えてきました。 今までPhotoshopでデザインをしていた人には、IllustratorやSketchを使うとそんな事もできるのか！ と目からウロコかもしれません。 IllustratorのWebデザインならではの使い方、Sketchの詳しい使い方を知りたい、SVGの効果的な使い方をマスターしたい、そんなWeb制作者に絶対オススメの一冊を紹介します。 IllustratorやSketchで扱うベクターデータには、マルチデバイス対応のWebデザイン・実装にとって大きなメリットがたくさんあります。
Sketchのプラグインをカテゴリ別に探せるサイト「Sketch Plugin Filter」 | ライフハッカー・ジャパン
ヘッドライトの黄ばみがサッとキレイに! メッキ・ホイール・シートにも使えるマルチ過ぎなお手軽クリーナー「ウルトライト」
Infographic: Sketch vs Photoshop
Sketch 3 and Photoshop CC, two of the most popular applications for web design in 2015. Photoshop is the reliable old champ, but Sketch is the bright young challenger. Ever wondered which of these two giants of web design packs the biggest punch? Of course you have! We’ve all got our favorite, but which application is best for web design? Which renders better? Which takes up more space? Which feat
Sketch買ったので取り急ぎ水着美女描きました - デザイナーのイラストノート
暑くなってきましたね！spicagraphです。こんな日には描きたくなる、そう水着美女です。※Sketchはそんなアプリじゃねえという方はここで離脱していただくことをおすすめします。 Sketch買いました 先日Sketch3にアップデートされて5,000円になっていたので、えーい！と思って買ってしまいました。 Bohemian Coding – Sketch 3 Fireworksの開発中止が発表されたときに代替アプリケーションとして名前の挙がっていたSketchですが、まだまだFwが現役過ぎて手が出ずにいました。が、セールには弱い（その日の朝に楽天のタイムセールでワンピースも買ったよね） 買ったからには描いてみよう、ということでおなじみのあれを・・・描いたはいいですが思ったよりあれでして いいですか 背後確認しましたか 描きたかったんです！！ Sketchってどんなツール？ 使い方のチ
イラレで作ったandroidアプリの素材をsketch3で書き出す - ゆるりブログ
androidアプリのデザイン androidアプリのデザインするときはIllustratorを使ってる Illustratorが好きだからっていうのもあるし、解像度がいろいろあってややこしいからベクターデータで持っておきたいとか、そんなに複雑な効果をつけることもないだろうしPhotoshop使わなくても、とかそんな感じ googleのMaterial Designのガイドラインを読んでいるとドロップシャドウの描写が見られるのだけれど、これはアプリをz軸のあるものと捉えて深さに応じてつける感じで「z-depth=1」みたいな表記を見る限り影のある画像を用意しなくてもある程度はコード側でなんとかなるのでは、と思っている 四角以外の画像でコードでどうにかできなさそうなやつも、イラレで再現するならどうすればいいか丁寧にガイドラインに載ってる ガイドライン、ものすごく詳しく書かれている Princ
Read Sketch 3 Book for Beginner | Leanpub
はじめに Webの閲覧環境の多様化にともない、Web制作の現場もそのワークフローや制作手法が変わろうとしている中、2013年に米Adobe社が発表した Fireworksの新規開発中止のニュースによって、突如として注目を集めることとなったソフトウェアが「Sketch」です。Sketchは以前より一部の制作者の間では使われていたベクタードローイングツールですが、2014年の4月に新バージョン「Sketch 3」がリリースされました。 発売されて間もないこの時期にあえて本書をリリースしたのは、「買ってみたは良いけど使ってない」「いまいちどう使っていいかわからない」という方のために、まずはSketchの基本的な使い方から紹介するのが良いのではないか？と考えたためです。それにともない、内容はより詳細なTipsや作例が満載の技術解説ではなく、Sketchの基本操作が中心の解説になっています。 執筆開
グラフィックツール「Sketch 3」試用版をレビュー | 毎日考
最近ワイヤーフレームばかり作っているWeb屋です。 デザインの前段階、なんの要素をどういうふうに置くかという設計書を作るときには、いつもAdobe Illustratorを使っています。 なのですが諸処の事情でAdobe CCを購入する時期を迷っておりまして、仮にイラレがないとしたらワイヤーフレームは何で作るかなー と。（Prototyper もなかなか使えるのですが、少々もたつくのが…） そうしたら数日前にばんくーばーのうぇぶ屋さんで見かけた（とりあえずひと通り知っておこう！2014年の気になる物を色々試してリニューアルしてみた制作の流れ！）「Sketch」というキーワード。イラレの代替にもなり得るアプリケーションらしい。購入するならMac App Storeだけれど、公式サイトから14日間の試用版がダウンロードできるので使ってみたのよ。 Sketch 3 価格: ￥7,800, 開発:
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
スマホアプリのUIデザインを研究するときに便利なフリーのSketchデータいろいろ | バニデザノート
Sketch.app 用の素材サイトが素敵です。（無料あり） | バニデザノート