ハーモニック・モジュラー・スケールのためのSassライブラリとSketchプラグイン
このブログではこれまで「文字サイズの比率と調和」や「音楽、数学、タイポグラフィ」といった記事で、調和数列をもとにしたスケールから文字サイズを決定する手法を紹介してきました。私たちのチームではこのスケールを「ハーモニック・モジュラー・スケール」と呼び、実際に多くのプロジェクトで採用しています。 このたび私たちは、ハーモニック・モジュラー・スケールにもとづくテキストのスタイリングを簡単にするためのツールとして、Sassライブラリ「Harmonic Modular Scale」とSketchプラグイン「Harmonic Modular Scale for Sketch」を公開しました。これらのツールはスケールにもとづく文字サイズを算出すると同時に、行の高さを一定のユニットの整数倍に揃える機能も持っています。 Harmonic Modular Scale Harmonic Modular Scal
Free Sketch App Resources - Freebiesbug
Browse this selection of 226 free Sketch App resources! It includes website templates, mockups, UI kits, icons, illustrations and more. These resources can contribute to time savings and enhance the efficiency of your design workflow. LunchTime is a mobile UI kit that you can use to build app for meetings. It’s created using Sketch and distributed for free by Netguru.
Charts
Use this code while checkout for 50% discount for any product or subscription
Abstract導入。さあ、闇払いをしよう。
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは。Advent Calendarの14日目を担当するデザイナーの鈴木(@kankisuzuki)と申します。 新卒一年目で、Yahoo! JAPANアプリのUI/UX領域に携わっています。 はじめに 「この余白って何ピクセル？」「最新版これであってる？」「ボタン押したときの挙動は？」何が正しいのかわからない、共有フォルダに潜む深い闇に挑む新卒デザイナーの話。 共有フォルダの闇 デザイナー同士でUI改善に取り組むときや、職種を越えてエンジニアさんや企画さんにフィードバックをいただく機会はプロジェクトを進める上で幾度となく訪れると思いますが、これまで一つのSketchファイルを複数のメンバーで共有するというのは得てして不安が
基本機能からプロトタイプ制作まで！用途別・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のテキストもサポートするので、たくさんシンボルを使っても心配なく使えます。
SINAP | まだ使っていない方におすすめしたい Sketch 3 超便利プラグイン6選
こんにちは、カナダの22時まで明るい夏の空が恋しい、アシスタントディレクターのLinです。 デザイナーの皆さん、Sketch を使っていますか？ ここ数年、UIデザインツールである Sketch の人気が急増し、デザイナー市場では、Photoshop と Illustrator に加えて、Sketch を利用した実務経験も求められています。 しかし、Sketch はまだ日本語対応しておらず、Photoshop や Illustrator に比べて情報はまだまだ少ないです。そこで、今回は Sketch 3 をより快適に使うため、デザイナー向けのプラグインをご紹介したいと思います。 はじめに 始めにプラグインのインストール方法を説明します。今回紹介する、いくつかのプラグインは Sketch Toolbox という、Sketch プラグインを管理する専用アプリケーションでインストールできます。ま
Sketch バージョン47で待望のLibraries機能が追加！されるので試してみた - よりぶろ
以前から噂（中の人がアナウンスしてましたが）のあったSketchのLibraries機能。シンボルを別ファイルで管理できるようになり、複数の.sketchファイルで同一のSymbolを参照できるようになるのでは？と推測されていました。 sketchhunt.com バージョン45か46で搭載されるようだぞとコメントがあったのでそわそわしながら待っていたのですが音沙汰がなく、年内には来ないのでは…？と半ば諦めていたところ、バージョン47のβ版でついにLibraries機能が搭載されました。みんなが気になっているであろう新機能、さっそく試してみました。 （※β版で既存の.sketchファイルを開いた場合、現状のバージョンと互換性がなくなる場合があります。利用には十分気をつけてください） Libraries機能の仕様 まずはLibrariesの仕様を確認してみましょう。SketchのDocume
日本語にもしっかり対応してる！PhotoshopのPSDファイルをSketchファイルに変換する -PSD to Sketch
ツールを移行する時にネックになるのが、既存のファイルです。 Photoshopで作成したPSDファイルをSketchファイルに変換するオンラインサービスを紹介します。レイヤー、シェイプ、スマートオブジェクト、マスクなどにも対応しており、PSDで作成したファイルがSketchで利用できるようになります。 日本語フォントや日本語のレイヤー・ファイル名でも問題なく、またかなりのファイルサイズでも問題なく利用できました。 PSD to Sketch Design Converter PSD to Sketchでは、PSD上のさまざまなエフェクト・機能をそのままSketchファイルに変換できます。 シェイプ レイヤー 結合されたレイヤー グループ化されたレイヤー テキスト レイヤー ビットマップ レイヤー スマート オブジェクト グラデーション 調整レイヤー ガイド マスク レイヤー スタイル 詳し
Sketch App Sources - New Free Design Resources - Icons, UI/UX Kits, Wireframes, iOS, Android Templates for Sketch
Thousands of UI/UX resources from great and resourceful designers around the world Sharing and building on each other's work is the ultimate form of learning and retaining knowledge. Since 2012, we're curating some of the best resources to help you design, prototype, and collaborate better and faster. UI Kits Apps Icons Illustrations Wireframes Ideas Web iOS Material Data Forms Mockups Real Annota
Sketchを買ったら読んでおきたい！基本的なことからちょっとした小技、ショートカットまとめ | Goodpatch Blog
つい最近までSketchは日本であまり知られておらず、日本語でSketchについて書いている記事はほとんどありませんでした。ところが5月7日にFireworksの開発終了が発表され、代替ツールとしてSketchの名前が急浮上。それに合わせたのかSketchが5月8日に半額セールを行い、Sketchについて書かれた記事やツイートも増えてきて、注目度の高まりが感じられます。とはいえ英語日本語問わず、Adobe製品に比べたら圧倒的に情報量が少ないSketch。Adobe製品と同じような機能やショートカットも多いですが、使いこなせるようになるまでは少し時間が掛かりそうです。Goodpatchでもマニュアルや記事を読みながら、隙間時間にSketchを触ってその機能を確かめています。というわけで今回は、Sketchの基本的な機能や、発見した小技、ショートカットなどをまとめてみました。 先日アップした「
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Freebie Supply - Free resources for designers
SketchのデータをReact Nativeに変換するツールが登場？！
creative-tweet.net
Amazing workflow of UI design
Sketchで変わるワークフロー
Sketch Appを使おう（導入編） | Money Forward Engineers' Blog
http://creative-tweet.net/blog/2013/05/introduction-of-thesketch.html