saito

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

saito

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

マガジン

  • UIトレース

  • デザインの知恵

最近の記事

12月のUI模写まとめ

こんにちは、社会人一年目デザイナーの斎藤です。 最近UI模写という練習法を始めました。得られるものは多いのですがウェイトが重いため一人で閉じてやっていると三日坊主になりそうでした。なのでここで練習を公表すること自分にプレッシャーをかけることにしました。毎月更新予定です。 12月模写したものTSUKURUBAさん。僕なりに納得感のあるUI模写の仕組みを始めるにあたって最初に模写しました。 大きな文字を効果的に使っていて、この感性が欲しいと思ったのが最初です。 中にも書い

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

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

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

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

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

          この記事は両方使えるけど、なんとなく二つのソフトが違うことがわかる。でもそこを検討する時間はない人のための記事として作成しています。 なので値段や歴史、エコシステムや基本的な操作、機能は理解した上で読むことを推奨します。 また、検討の為の情報を載せていますがそれも必要ない方は一番下まで一気にスクロールすると二つのソフトの使い方がすぐにわかります。 まず、XDとsketchについて。 XDとは謳い文句は「思考の速度でデザインする」 超カッコイイですね。 adobe内の立

        12月のUI模写まとめ

        マガジン

        • UIトレース
          1本
        • デザインの知恵
          4本

        記事

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

          よくこういう問題をまとめた記事がありますがこの記事はその解決の手順等々を短くまとめたチェックリストという立ち位置です。 理論を理解したいというよりは理論を軽く知っておいたり、頭が回ってない時に自分の成果物がキャンセルのキャンセル問題を作っていないかを確認するためにお使いください。 目次 キャンセルのキャンセル? - 1,OKを使わない - 2,ボタンのキャンセルはそのままで - 3,実行したらどうなるかを教える - 4,指示に従わない系ボタンは左、了解系は右 - 5,ダ

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

          sketchで爆速でWFを作る話

          僕がアルバイトしている会社で行った爆速でワイヤーフレーム(WF)をつくる話を許可が出たので共有します。 はじめにこのNOTEはsketchのある程度のショートカットや使い方を知っている人の確認や知見を得る用です。まだ触ったことがない人が挑戦すると色々面倒だと思うので気を付けてください。 では参りましょう。 SKETCH爆速ワイヤーフレーム講座まずは以下の動画をご覧ください。 多分だいたいの人はこんな感じで作っていると思います。これと全然違うし効率化に努めているのでこれ

          sketchで爆速でWFを作る話