PhotoshopからXD、さらにSketchへ…Atomic Designを実現させるまでにぶち当たったデザインチームの苦悩 | スペースマーケットブログ
PhotoshopからXD、さらにSketchへ…Atomic Designを実現させるまでにぶち当たったデザインチームの苦悩 デザイナーの横井です。こんにちは！ 猫飼いなのですが猫に顔をうずめるのが難しい季節になってまいりました（毛まみれ） 久しぶりのデザイン記事となりましたが、今日は弊社デザインチームが行ったAtomic Designのシステム化の紹介と失敗体験、そしてその道のりを、赤裸々にご紹介しちゃいたいと思います。 既に完成したデザインのコンポーネント化に悩んでいる方々の参考に、少しでもなれば幸いです。 初期のスペースマーケットデザイン ゴリゴリのPhotoshopデザインだった時代 弊社のメインサービスである、スペースマーケットのデザインは約3年前にリニューアルリリースされました。 当時は全てPhotoshopでデザインされ、１ページにつき１ファイル、スマートフォンもPCも別フ
UIデザイナーがSketchを使う理由と導入方法 – WPJ
スマートフォンが世に出て以来、アプリを制作するためにデジタルツールを使うデザイナーが急増し、それに合わせて従来のツールが進化を遂げたり、時代に合った新しいツールが登場したりしています。 中でもBohemian Codingが開発・販売しているSketchは一定の人気と地位を獲得しており、今やUIデザインツールの代名詞となっています。 このLessonでは、Sketchについてまだご存知でない方やこれから使おうと考えている方を対象に、Sketchの概要と基本的な使い方、架空のアプリ画面を例にしたUIデザインの制作方法、エンジニアとのやりとりなどについて解説します。 Sketchとは何か？ はじめに、そもそもSketchとは何なのか、改めておさらいをしておきましょう。 Sketchを開発・販売しているのはオランダのBohemian Coding。しばらくアムステルダムを拠点にしていましたが、現
デザインのバージョン管理をする世界
僕の同僚のデザイナーはデザインツールにSketchを使っている。デザインは区切りのいいところまで出来ると保存してDropboxで共有してくれる。最近ではGitHubでSketchファイルを管理することも試しているようだ。GitHubで管理することで過去に遡ったり、ほかの人の作業をマージできたりする。ただ、Sketchファイルはプログラムのソースコードのようなテキストファイルではなくバイナリファイルだ。この違いでGitまたはGitHubの便利なものの多くが使えていないんじゃないか。 先日Sketchファイルをテキストファイル(JSON)として管理できるツールを公開したので、どういうモチベーションで作っているのか書いてみようと思う。ツールはまだ完璧ではないが、ぜひ使って意見をもらえたらと…思う 🙇🏻 テキストファイルになるとできることあぁ、デザイン全体のボーダーの色が淡くなったのいつだっけ
2分で分かる！Sketchのさらに便利になった新機能を徹底解説
今年からSketchを使用するようになったのですが、使えば使うほど便利だなぁ、と実感する毎日です。そんなSketchは先日3.4にバージョンアップし、デザインのワークフローを改善する新しい機能がたくさん追加されました。 さらに便利になったSketchの新機能の使い方を分かりやすいアニメーションGIF付きで紹介します。 Visualize Sketch 3.4 New Features Sketch 3.4の公式アナウンスは、下記ページを参考にしてください。 Sketch Blog - Sketch 3.4 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 1. アートボードをローカルネットワークで共有 2. コピーペーストの強化 3. 自動保存をオフにした方がいいのはどんな時？ 4. Material Designのアイコン作成 5.
これで無料とはすごい！Mac, Win, Linux対応、デザインの指示書やスタイルガイドを簡単に作成・共有できる -Zeplin
デザインの指示書やスタイルガイドを作成するのは、なかなか時間がかかりますよね。 使用している要素のサイズやマージンやカラーやフォントなどの情報を自動で取得したり、コメントを添えたり、指示書やスタイルガイドをプロジェクトのメンバーと共有できる「Zeplin」を紹介します。 1プロジェクトまで完全無料、2つ以上から有料ですが、機能制限などは一切ありません。 Zeplin Zeplinの特徴 Sketchでの下準備 Zeplin ソフトウェア版 for OS X Zeplin ブラウザ版 for OSX, Win, Linux Zeplinのインストール Zeplinの特徴 Zeplinは、Sketchで作成したデザインリソースから指示書やスタイルガイドなどを自動で生成するソフトウェア（無料）とオンラインサービス（無料と有料）です。 無料と有料の違いはプロジェクト数だけで、機能はまったく一緒。
Sketch 3を使う3つの理由と10の魅力
海外のUIデザイナーの間で爆発的に広まっているデザインツール「Sketch 3」。本連載では、国内きってのUIデザイン集団であるグッドパッチのデザイナー陣が、Sketch 3によるUIデザインの方法を解説します。（編集部） Sketch 3は、オランダのボヘミアンコーディングが開発・販売しているMac OS専用のベクタードローイングツールです。日本ではIllustratorやPhotoshopに押されてまだマイナーな存在ですが、海外ではすでに多くのUIデザイナーが使用しています。グッドパッチでもほとんどのUIデザインはSketch 3を使用しています。 今回は、Sketch 3はどんなツールなのか、使う3つの理由と10の魅力をご紹介します。 1.安い Sketch 3は99ドル（1ドル120円とすると1万1800円）の買い切りソフトです。しかも1カ月間のフリートライアルがあるので、使い勝手
Mac用グラフィックツールの定番「Sketch」がVersion 3へメジャーアップデート。StyleやExport機能が強化され、新たにSymbol機能を追加。
Sketch 3 is a major update, and we think you’ll love it. We’ve been listening to all of your feedback and requests and have strived to make Sketch 3 an even better product. With this new version, we have implemented our number one feature request: Symbols – the ability to re-use the same group in multiple places across your document, and have all copies sync when one is updated. In addition, we ha
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
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
商用利用無料、UIデザインに役立つSketch用の素材のまとめ