タグ

sketchに関するAkinekoのブックマーク (8)

  • 「Sketch」の記事一覧

    creive(クリーブ)の「Sketch」についての投稿一覧です。

    「Sketch」の記事一覧
  • Material Theme Editorを使ってみた|Yuya Furusato|note

    今回のGoogle I/O 2018では、Material Designの大幅なアップデートが紹介されていました。 Material Designのメリットは、レスポンシブを考慮したレイアウトやコンポーネントを設計しているので、様々なデバイスで使用しても破錠しない点です。 一方デメリットとしては、完全にガイドラインに合わせてデザインすると、代わり映えのないビジュアルになってしまい、差別化が難しい点がありました。 そのような課題に対して「Material Theming」というコンセプトを掲げ、Material Designのコンポーネントを自由に編集できる「Material Theme Editor」というプラグインをリリースしています。 今回はMaterial Theme Editorをざっくり使ってみた感想をまとめています。 まずは、Material Theme Editorの使い方マ

    Material Theme Editorを使ってみた|Yuya Furusato|note
  • 基本機能からプロトタイプ制作まで!用途別・Sketchのおすすめプラグイン50選|Goodpatch Blog グッドパッチブログ

    こんにちは、UIデザイナーのサイです。私が普段のデザイン作業で使っているツールはいくつもありますが、使う頻度がもっとも高いのはSketchです。UIデザインに特化した機能のほか、便利なプラグインがあることもSketchの魅力のひとつです。この記事では、Sketchのおすすめプラグインを用途別でご紹介します。 1. 基機能の強化 Find and Replace Text plugin for Sketch https://github.com/thierryc/Sketch-Find-And-Replace 選んだレイヤーの中のテキスト、あるいはファイルの中にあるすべてのテキストを検索と置換できるプラグインです。検索の範囲は自分で設定できるので、間違えてテキストを置換することを防げます。シンボルのOverridesのテキストもサポートするので、たくさんシンボルを使っても心配なく使えます。

    基本機能からプロトタイプ制作まで!用途別・Sketchのおすすめプラグイン50選|Goodpatch Blog グッドパッチブログ
  • デザインデータのバージョン管理ができるAbstractを試してみた✌ | UXデザイン会社Standardのブログ

    複数人で1つのデザインデータを編集していると、突き当たるのが「どうやってマージするか問題」です。 作業人数分のデータを複製して用意したり、「これから◯◯.sketch触ります。開かないでください????」とチャットで周知したり……そんな経験をした方も多いのではないでしょうか。 そんなデザイナーの悩みを解決してくれるのが、今回紹介するAbstractです。 Abstractとは AbstractはアメリカのElastic Projects, Inc.が提供しているサービスです。どんなサービスか一言で説明すると「デザイナー向けのGitHub」といったところでしょうか。 Gitの仕組みを利用して、デザインデータ(.sketchのみ対応。Adobe系も対応予定)に対してブランチを切ったり変更内容をコミットしたり、差分をマージする、といったことが可能です。 まだ正式リリースはされておらず、現在はPr

    デザインデータのバージョン管理ができるAbstractを試してみた✌ | UXデザイン会社Standardのブログ
  • DrawIt - Bohemian Coding

    Designers, welcome home. Sketch puts the focus back on you and your work. We’re not a do-everything product. We’re a toolkit made by designers, for designers. Get started for free Requires macOS Ventura (13.0.0) or newer.

    DrawIt - Bohemian Coding
  • ゆめいろデザイン|ブランドマネージャー・Web/UX/UIデザイナー・デザインコンサルタント ヒガシナオヤ

    UIを制作するベストなアプリ、とばかりに普及したSketch。最近はHTMLコーディングに役立つSketch Pluginも増えてきました。 日は、デザイナー視線ではなく、コーダーやプログラマー的な立場からみた、コーディングを10倍早くするSketch Pluginを紹介します。 はじめに紹介するのは、「Make Exportable」というプラグインです。画像の「Export」を爆速にするプラグインです。 Retina Displayのような高解像度ディスプレイも今や当たり前になり、画像を利用するときにも@1xや@2xなど、1つのレイヤーから複数種類の画像形式のファイルやサイズの書き出しをするのが当たり前になりました。 しかし、Sketchでは、そのような作業を行うときに欠点があります。複数の種類の画像形式のファイルやサイズの指定を一つ一つおこなうにはかなり面倒です。 そのような時に「

    ゆめいろデザイン|ブランドマネージャー・Web/UX/UIデザイナー・デザインコンサルタント ヒガシナオヤ
  • デザインのバージョン管理をする世界

    僕の同僚のデザイナーはデザインツールにSketchを使っている。デザインは区切りのいいところまで出来ると保存してDropboxで共有してくれる。最近ではGitHubでSketchファイルを管理することも試しているようだ。GitHubで管理することで過去に遡ったり、ほかの人の作業をマージできたりする。ただ、Sketchファイルはプログラムのソースコードのようなテキストファイルではなくバイナリファイルだ。この違いでGitまたはGitHubの便利なものの多くが使えていないんじゃないか。 先日Sketchファイルをテキストファイル(JSON)として管理できるツールを公開したので、どういうモチベーションで作っているのか書いてみようと思う。ツールはまだ完璧ではないが、ぜひ使って意見をもらえたらと…思う 🙇🏻 テキストファイルになるとできることあぁ、デザイン全体のボーダーの色が淡くなったのいつだっけ

    デザインのバージョン管理をする世界
  • エンジニアでもSketchを効率的に使うためのまとめ - Qiita

    あえてプラグインについては何も書きません。Sketch自体の使い方についてフォーカスして書きます。 はじめに SketchはPhotoshopやIllustraと違い、機能がしぼってあることでエンジニアでもかなり使いやすいシンプルなUIのアプリケーションになっています。UIがシンプルである故に、意外と知られていないかなり便利な機能なども結構あります。隠れた機能を知ることでかなり効率的にSketchを使用できます。 自己紹介 Wantedly Advent Calender4日目を書きます。デザイナーの@usa619_ です。 WantedlyではUIデザインは基的にSketchで行っていて、エンジニアもSketchを使うことでコミュニケーションコストを下げるようにしています ref デザイナーとエンジニア間のコミュニケーションコストを下げる試み 基ショートカット Sketchのショート

    エンジニアでもSketchを効率的に使うためのまとめ - Qiita
  • 1