saito

見習いのUI/UXデザイナーです。自分の知ったこと、見たこと、思ったことを書いていきま…

saito

見習いのUI/UXデザイナーです。自分の知ったこと、見たこと、思ったことを書いていきます。

マガジン

  • UIトレース

  • デザインの知恵

記事一覧

12月のUI模写まとめ

こんにちは、社会人一年目デザイナーの斎藤です。 最近UI模写という練習法を始めました。得られるものは多いのですがウェイトが重いため一人で閉じてやっていると三日坊主…

saito
3年前
2

sketchのコンポーネント機能紹介

Sketch概要 2010年にリリースされたUIツール。 adobe fireworksが開発終了した煽りで一気に人気になりましたが、最近日本ではXDに押されがちな印象です。しかしUIの分かり…

saito
4年前
7

XDでワイヤーを作る時の機能説明

UIデザインツールの概要 デザインツールとはここではUIを作成するのに使用するツールを指し、adobe製品を筆頭にその種類は無数に存在します。 しかしそれぞれ最低限の機能…

saito
4年前
7

時間がない人のためのXD/sketch比較

この記事は両方使えるけど、なんとなく二つのソフトが違うことがわかる。でもそこを検討する時間はない人のための記事として作成しています。 なので値段や歴史、エコシス…

saito
4年前
7

キャンセルのキャンセル問題を解決するための5つのテクニック

よくこういう問題をまとめた記事がありますがこの記事はその解決の手順等々を短くまとめたチェックリストという立ち位置です。 理論を理解したいというよりは理論を軽く…

saito
4年前
7

sketchで爆速でWFを作る話

僕がアルバイトしている会社で行った爆速でワイヤーフレーム(WF)をつくる話を許可が出たので共有します。 はじめにこのNOTEはsketchのある程度のショートカットや使い方を…

saito
5年前
5
12月のUI模写まとめ

12月のUI模写まとめ

こんにちは、社会人一年目デザイナーの斎藤です。

最近UI模写という練習法を始めました。得られるものは多いのですがウェイトが重いため一人で閉じてやっていると三日坊主になりそうでした。なのでここで練習を公表すること自分にプレッシャーをかけることにしました。毎月更新予定です。

12月模写したものTSUKURUBAさん。僕なりに納得感のあるUI模写の仕組みを始めるにあたって最初に模写しました。

大き

もっとみる

sketchのコンポーネント機能紹介

Sketch概要
2010年にリリースされたUIツール。
adobe fireworksが開発終了した煽りで一気に人気になりましたが、最近日本ではXDに押されがちな印象です。しかしUIの分かりやすさやシンボル周りの思想は秀逸であり、apple design awardは伊達ではありません。
開発元はボヘミアンコーディング。macOSのみ対応。
ライセンスはその年のアップデート権を買い、ライセンス購

もっとみる
XDでワイヤーを作る時の機能説明

XDでワイヤーを作る時の機能説明

UIデザインツールの概要

デザインツールとはここではUIを作成するのに使用するツールを指し、adobe製品を筆頭にその種類は無数に存在します。
しかしそれぞれ最低限の機能は持ち合わせているため「これさえあれば大丈夫!」みたいな万能ツールは存在せず、「必要な要素を持ったツールを必要な場所で、必要な時に使用する。」が今の基本です。

この記事ではその考えを是とし、現在使用しているデザインツールの応用

もっとみる
時間がない人のためのXD/sketch比較

時間がない人のためのXD/sketch比較

この記事は両方使えるけど、なんとなく二つのソフトが違うことがわかる。でもそこを検討する時間はない人のための記事として作成しています。
なので値段や歴史、エコシステムや基本的な操作、機能は理解した上で読むことを推奨します。

また、検討の為の情報を載せていますがそれも必要ない方は一番下まで一気にスクロールすると二つのソフトの使い方がすぐにわかります。

まず、XDとsketchについて。

XDとは

もっとみる
キャンセルのキャンセル問題を解決するための5つのテクニック

キャンセルのキャンセル問題を解決するための5つのテクニック

よくこういう問題をまとめた記事がありますがこの記事はその解決の手順等々を短くまとめたチェックリストという立ち位置です。

理論を理解したいというよりは理論を軽く知っておいたり、頭が回ってない時に自分の成果物がキャンセルのキャンセル問題を作っていないかを確認するためにお使いください。

目次
キャンセルのキャンセル?
- 1,OKを使わない
- 2,ボタンのキャンセルはそのままで
- 3,実行した

もっとみる

sketchで爆速でWFを作る話

僕がアルバイトしている会社で行った爆速でワイヤーフレーム(WF)をつくる話を許可が出たので共有します。

はじめにこのNOTEはsketchのある程度のショートカットや使い方を知っている人の確認や知見を得る用です。まだ触ったことがない人が挑戦すると色々面倒だと思うので気を付けてください。

では参りましょう。

SKETCH爆速ワイヤーフレーム講座まずは以下の動画をご覧ください。

多分だいたいの

もっとみる