Category: Design


Design Web

無料で使えるデザイン系のサイト、素材、ツールなどのリソースをまとめました。他にも色々見落としていると思いますし、新しいのも出てくるかと思うので、随時更新していきます。

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