Category: Design


Design

Sketch iconsプラグインとFont Awesomeを使って、便利なアイコンのライブラリを作成する方法を紹介していきます。

Design

Sketchで文字をアウトライン化して、テキストにグラデーションをつけたり、形を変えたりする方法を紹介しています。

Design Web

Sketchでのデザイン作業効率化のテクニックをまとめしています。実際にシンプルなUIデザインを作った流れも紹介しています。

Design Web

Sketchのよく使うショートカットキーをまとめてみました。画像とgifアニメーション付きで紹介しています。Sketchのデザイン効率をあげましょう!!

Design Web

Sketchでボタンのシンボルを作成する方法と使い方を解説しています。デザインの効率がUpしますので参考にして見てください。

Design Web

フォントサイズを決めるのに便利なサイト・テキストスタイルの設定方法・使い方を紹介しています。実際に、この方法でサイトをいくつかデザインしましたが、とても便利ですし、効率よく一貫性のあるデザインができます。

Design Web

SketchでUIなどを効率よく作るために、前もってカラーパレットを作るとかなり便利です。また、作ったパレットの色のシェアスタイルを作ることで、後々大幅な変更があった場合に色の変更が楽になります。この記事では、色を選ぶのに便利なサイト・カラーパレットの作り方・シェアスタイルの使い方を紹介します。

Design Web

Sketchでアバターが作れるライブラリ、Avataaarsの使い方・カスタマイズ方法を写真付きで紹介しています。超簡単にSketchでアバターが作れるのでおすすめです。

Design Web

僕が実際に使ったウェブデザイン本の中からおすすめの本を6つ紹介していきます。前もいくつか紹介しましたが、今回はデザイン中心です。これからウェブデザイン・デザインの基礎を勉強したいなという人向けです。紹介するのは、デザイン系の本が4冊とプログラミング系の本が2冊です