デザイナーの たなか ゆきこ です。 今回は Sketch の書き出しのやり方の時短話です。 デザイナーとしては、本当は全サイズに適正なデザインをバラバラにつくりたい衝動にかられます。 しかし、工数などの問題もあり、同じ比率の画像を使用するのであれば、一枚の絵を一気に書き出すという方法が一般的です。 画面サイズのトレンドはここで測る http://gs.statcounter.com/ Source: StatCounter Global Stats - Screen Resolution Market Share デザイナーならちゃんと、現在どれが流行っているかを確認します。 [Edit Chart Data]から調べたいものを選択、[Japan]を選び日付を指定して[View Chart]をクリックします。今回は日本のスマホの画面サイズですね。 これを見ると、375x667が一番おおい
スマートフォンが世に出て以来、アプリを制作するためにデジタルツールを使うデザイナーが急増し、それに合わせて従来のツールが進化を遂げたり、時代に合った新しいツールが登場したりしています。 中でもBohemian Codingが開発・販売しているSketchは一定の人気と地位を獲得しており、今やUIデザインツールの代名詞となっています。 このLessonでは、Sketchについてまだご存知でない方やこれから使おうと考えている方を対象に、Sketchの概要と基本的な使い方、架空のアプリ画面を例にしたUIデザインの制作方法、エンジニアとのやりとりなどについて解説します。 Sketchとは何か？ はじめに、そもそもSketchとは何なのか、改めておさらいをしておきましょう。 Sketchを開発・販売しているのはオランダのBohemian Coding。しばらくアムステルダムを拠点にしていましたが、現
Sketchがレスポンシブデザインに対応した神アップデート！Smart Symbol Resizingをリリース 昨日アップデートされたSketchのバージョン39からSmart Symbol Resizingという機能が追加されました。 これがとんでもなく便利な機能だったので紹介します。 Smart Symbol Resizingとは？ 今までシンボルをリサイズしようとするとこんな感じでシンボルの中身まで変形してしまうので、デバイスのサイズが複数になったときにシンボルの再利用ができないという問題がありました。 それを解決してくれるのがこの「Smart Symbol Resizing」です。 ・Stretch ・Pin to corner ・Resize ・Float in place と４つの設定があり、可変してもいい部分と可変にともなって相対的に位置を移動する部分とを分けてシンボルを作
今回は筆者がたまたまみつけたPablo Stanleyさんというデザイナーの方を紹介します。 みんな、Sketchトゥギャザーしようぜ！ Pablo Stanleyさんはサンフランシスコのプロダクトデザイナーで、デザインだけではなくイラストや音楽も得意という、マルチに才能を発揮していらっしゃる方です。彼のdribbbleではUIデザインやかわいいイラストが掲載されています。また、Sketchや各種プロトタイピングツールを使ったワークショップやオンラインでの講義を積極的に行っているようです。 ユーチューバー？クオリティの高いSketch講義動画 筆者がこの方を知ったきっかけはたまたま見つけたYouTubeの動画でした。 なんかかわいいひげもじゃのオジサンが登場…この方がPablo Stanleyさん。アーティスト的なオーラ感じますね。 どの動画も良く出来ていて、丁寧にSketchの使い方を教
グッドパッチのデザイナーがSketch 3を使ったUIデザインの方法を解説する本連載。第2回では、Sketchの基礎的な操作を紹介しました。今回は、UIデザインに便利なプラグインを紹介します。Sketchは、ユーザーが開発したプラグインによって機能を拡張できます。豊富なプラグインの中からお気に入りを見つけることも、Sketchを使う楽しさの1つです。 Sketchのプラグインは、メニューバーの「Plugins」で管理します。追加したプラグインはこのリストに表示されます。 プラグインのインストール - The Sketch Toolbox プラグインは、「The Sketch Toolbox」を使ってインストールする方法と、GitHubなどからダウンロードして手動で追加する方法があります。 The Sketch Toolboxは、Sketchのプラグインのインストールやアンインストールをサポ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く