もしWordPressユーザーがGitを使ったら
WordPressでサイトを制作するとき、2人以上のチームで取り組むことも多いと思います。例えば「構築担当者」と「デザイン担当者」で1つのサイトを構築するような場合です。同じ会社内で一緒に作業するときと違って、ノマドワーカーのようにそれぞれが別の場所で作業する場合は、直接ファイルを手渡しするようなことはできません。 そんなとき、メールにファイルを添付してやりとりしていますか?...
View Articleコンテンツで改善する UI デザインの極意
ピクセルに拘るのと同様、１文字にも大きな意味がある。 デザインは小さなテキストから始まります。コンテンツを膨大に抱える大規模なサイトでも、ユーザーにコンテンツ作成を委ねる小さなアプリケーションでも小さなテキストが行動の変化に繋がる場合があります。 コンテンツがある状態でデザインするのと、何もないままスタートするのでは大きな差が生まれます。 UI...
View Articleはじめての欧文書体
少しでも多くの書体を知って、用途に応じた書体を使えれば失敗しないという話。 欧文書体には、セリフ書体、サンセリフ書体、スクリプト書体、ブラックレター書体、ディスプレイ書体、スラブセリフ書体などの種類がある。
View ArticleHTML5時代のWebデザイン
これからお話しすることは、Webをデザインするって何だろう？という話、どんどん変わり続ける世界について、そして本当に大事な部分に目を向けてみよ ようという提案です。回線環境、デバイス環境、利用シーンなど、これらの変化を認識しておこう！Webの持つ本来の性格を見直して、 Webデザインをみんなで考えようというスライド。
View Article未来のWeb制作現場で通用するクリエイターとなるために
「未来のWeb制作現場で通用するクリエイターとなるために、いま刷新すべきセオリー」資料。 もはや固定の画面サイズでは考えにくい時代。さらに「1px」という概念ですらも怪しい。固定サイズ、ピクセルパーフェクトという呪縛からの解放。...
View Articleとある色の決め方
webサイトやスマホアプリなどの色の決め方について。 インテリアとかファッション業界でよく使われてるルールでは、「色の割合」と「色の数」がポイントです。2色が決まっていれば、残り1色決めるのはKulerで行えば簡単です。
View ArticleサルでもできるWebデザイン
SwapSkills 2010 Vol01 でおこなったプレゼンテーションのスライド。デザインセンス0でwebデザインは可能か？ページサイズを割り出すこと・コラムに割ること・デザインすること….
View Article重要なのは、毎日さわって嬉しいUI・UX!
ボタンが大きくて みんな喜ぶなら いくらでもやるさ。 「使いやすい」というのはあくまで手段。 本当にやりたいことをやろう。 UXは映像やドラマみたいなもので、UIはそのフレームのようなものだと考えます。連続するフレームの上で、シーン・ムード・展開を練った上で、外に出てロケハンしたりすると、面白いスマホUIが作れるはず。
View ArticleちゃんとCSSを書くために（Sass設計の話）
不要な子孫セレクタを減らす タグ+ID,クラスセレクタを無くす プロパティの継承を利用する 不要な!importantを減らす プロパティの順番をそろえる カテゴリに分類する HTMLに構造に依存したセレクタを見直す 再利用しやすいクラスセレクタに置き換える 繰り返すルールセットをモジュールにする
View Articleノンデザイナーのための「デザインの判断」
ノンデザイナーのための「デザインの判断」はとりあえずコレだけおさえよう。 「デザインで最も重要なこと 」 ※コントラストが重要 ※簡単な書体の選び方 ※良いロゴの見方 ※簡単な色の選び方 ※写真素材の選び方 使用する色を３色に絞る。そのデザインは、 表現に触れた人を幸せにしたか？
View Article体験から発想する意思決定・行動デザイン（UXD）の最前線
他がすぐ真似できない「のっけからワクワク」もしくは、見落としがちな観点からの「かくれワクワク」 webとは？ 実シャカイをインターネットと、イノベーションを通して便利にした実生活そのものである。ソフトウェア至上思考ではなく、ヒューマンウェア思考！（技術、プログラムから組み立てるのではなく、人間の普段の思考、行動をもとに組み立てる）...
View ArticleLPデザインに関して〜作成のセオリーとコツ〜
「LP」って何？ LPの基本的な構成 LPデザインの注意点 ７秒ルール３秒で心を掴む ファーストビューの作り方 ボタンについて 最後に キャッチコピーはシンプルにわかりやすく・わかりやすい言葉で、ベネフィットを伝える・できるだけ具体的にイメージできる写真を使うベネフィットは「利益になること」。キーワードと...
View Articleマルチデバイス時代にありがたい！イラレのあれこれ
Webデザインで Adobe Illustrator を使うにあたっての最低限注意したいポイントや、地味に便利なTipsをご紹介しつつ、Photoshop や Fireworks とは違う切り口での魅力を主張しています。
View Article
