Monday, 20 March 2017

デザインに必要な単位の知識

デザイナーはどの分野であろうと単位を知らずにいることはできません。ここでは私が最低限抑えておくべきだと考える単位をまとめました。独学されている方や、基礎知識があいまいな方のご参考になれば幸いです。

なお、デザイナー事務所、制作会社によって考え方・やり方が異なっていたりするかもしれませんので、そのあたりはご了承を。

Continue Reading

Sunday, 12 February 2017

Basic Calendarのリファクタリング

以前CodePen上に作ったカレンダーUIのサンプル。HTMLとJSをリファクタリングしてみました。

HTMLはPugと呼ばれるテンプレートエンジンです。改行やスペースで入れ子を表現するので、完結にかけます。Emmetより早いですね。

JSはオブジェクト設計に置き換えてみました。Leihauoliさんのブログ記事で勉強しました。やっている間にVue.jsとかは最初からこういう構成になっているなぁと思いながら進めていました。確かに見通しがとてもよくなりますね。

See the Pen Basic Calendar (Refactored) by Hilo (@hilotacker) on CodePen.

Friday, 10 February 2017

ブレークポイントのまとめ

レスポンシブデザインを成功させるにはブレークポイントへの理解が欠かせません。それはウェブでもネイティブアプリ(特にAndroid)でも同じであると思います。

日々変化する環境ですし、ケースバイケースで設定は異なると思うので、完璧はありませんが、ここではプロジェクトに合わせて的確なブレークポイントを設定できるように

  • Android Material Design Guideline
  • Bootstrap
  • ZURB Foundation
  • 以前の私のポートフォリオサイト

のブレークポイントをまとめてみました。

Continue Reading

Tuesday, 7 February 2017

私のTrelloの使い方

TODO管理やプロジェクト管理にTrelloを使っています。直感的な操作、俯瞰してタスクを眺められるところ、マルチデバイスでの一貫したUXが気に入っています。こういうアプリのUIに関わってみたいものです。

ただ悩ましい点もあります。例えば

Continue Reading

Monday, 6 February 2017

Friday, 3 February 2017