サイト構築 -デザイン

黄金比について詳しく解説、レイアウトや構図に効果的に取り入れるデザインテクニックのまとめ

Post on:2019年2月23日

黄金比や黄金螺旋を使い、Webサイト、雑誌や同人誌の表紙、フライヤーなどのレイアウト、コンテンツの配置、余白のとり方、写真の構図、オブジェクトの形のデザインにうまく取り入れるデザインテクニックを紹介します。 以前に1,0

...記事の続きを読む

プロのUXデザイナーから学ぶ!デザインをする時にグレースケールで始めると、デザインがよくなる4つ理由

Post on:2019年2月21日

Webページやアプリをデザインする時、空白スペースが効果的に使えない、要素のグループ化や情報の構造化が苦手、そんなデザイナーの人にお勧めなのが、カラー無しのグレースケールでデザインを始めることです。 カラーを使用する前に

...記事の続きを読む

色の組み合わせ方の参考にいい!Webサイトやスマホアプリに適したカラーパレットを生成する無料ツール -Color

Post on:2019年2月4日

指定したカラー、画像、Webページなどをベースに、カラーパレットを生成し、カスタマイズできる無料のオンラインツールを紹介します。 カラーパレットは、Webサイトやスマホアプリに特化されており、コンテンツに使用されるさまざ

...記事の続きを読む

商用でも完全無料!Webサイトやスマホアプリをプレゼンで魅せるためのベクター素材 -Vector Mockups Library

Post on:2019年2月4日

Webサイトやスマホアプリのプレゼンテーション用に便利な無料のベクター素材を紹介します。iPhone, Androidをはじめ、スマホ・タブレット・デスクトップ・ブラウザなど、さまざまなデバイスが揃っています。 Vect

...記事の続きを読む

あなたはデザインを見る目と判断する知識を備えているか、勉強にもなるUIデザイン検定問題 -Can't Unsee

Post on:2019年1月30日

面白くて勉強になるUIデザイン検定問題を見つけたので、紹介します。 2つのUIデザインが表示され、どちらが正しいデザインかを選択するゲームです。 デザインは、見る目を養うことも大切です。1pxのライン、文字詰め、ツラ合わ

...記事の続きを読む

イラストやデザインの参考資料に!人物・動物・植物・デジタル機器・建物・家具などを図版化 -Dimensions.Guide

Post on:2019年1月18日

人物・動物・植物をはじめ、デジタル機器、建物、家具など、日常で見かける標準的なさまざまなスペースとサイズを図版化したDimensions.Guideを紹介します。 人物だけでも、老若男女の立ち・座り・寝・歩き・運動、そし

...記事の続きを読む

デザイナーとしての目を備えているかテスト!さまざまな形のセンターを見極めることができるか

Post on:2019年1月9日

さまざまな形のセンターを見極めることができるか、あなたがデザイナーの目を備えているかテストできるオンラインサイトを紹介します。 Test Your Designer Eye

フォントの管理に!インストール済みのフォントを一覧表示できる、Win, Mac, Linux対応の無料アプリ -Fontviewer

Post on:2018年12月25日

当ブログで無料フォントや格安フォントを紹介する度に、「フォントの管理が、、、」という声がちらほら聞こえます。そんなフォントをたくさん所有されている方にぴったりのWin, Mac, Linux対応の無料アプリを紹介します。

...記事の続きを読む

デザインの基本: フォントのカーニングとは、カーニングの基本的なやり方

Post on:2018年12月17日

Webでも紙でも文字のデザイン、タイポグラフィは非常に大きな存在です。 文字のデザインで基本となるカーニングについて、基礎知識から基本的なやり方、CSSでのカーニングのやり方までを紹介します。 The Ultimate

...記事の続きを読む

2019年の流行色・トレンドカラーは、かわいい珊瑚色の「Living Coral」HTMLのコードは「#FF6F61」

Post on:2018年12月6日

2019年の流行色・トレンドカラーがPantoneから発表されました。 2019年のトレンドカラーは、生き生きとした生命を象徴するサンゴの色合い「Living Coral」、柔らかさと活気が備えられたカラーです。 Pan

...記事の続きを読む

top of page

©2024 coliss