タグ:Webデザインが付いている記事一覧


Tips Web

文系だけどWebデザインとか興味あって勉強してみたい人に向けて、文系出身の僕がWebデザインの勉強法・必要スキル・ツールなどを紹介しています。結論は文系理系関係なく、とりあえずやってみましょう〜(^^)/

Design

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

Design Web

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

Design Web

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

Design Web

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

Design Web

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

Design Web

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

Design Web

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