webサイトやスマホアプリなどの色の決め方について。 60-30-10Ruleの話。 Kulerで色の基本について説明。 こんなふうにアクセントの色が決められるよね、っていうスライドです。 ----- 以前に社内LTで行ったスライドの改変です。

webサイトやスマホアプリなどの色の決め方について。 60-30-10Ruleの話。 Kulerで色の基本について説明。 こんなふうにアクセントの色が決められるよね、っていうスライドです。 ----- 以前に社内LTで行ったスライドの改変です。
新しいアプリのモックアップ作成やデザインの時に、画面上に見えている各種パーツを組み合わせれば単純なスケッチやメモ書きよりももっとはっきりとイメージできることが多く、そういうときに使えるのはこのPhotoshopで利用できるPSDファイル集です。 これらを使えばiOS向けの開発をするときにより説得力のある画面作りや、実際に作る前に最終的にユーザーが触れるデザイン・GUI部分について見栄えを確認することができるため、機能を作ってからGUIの整理をしたら二度手間、三度手間になったというような余計な手間や時間を減らすことができるはずです。 ◆新しいiPad(Retinaディスプレイ対応) iPad GUI PSD (Retina Display) | Downloads | Teehan+Lax http://www.teehanlax.com/downloads/ipad-gui-psd-ret
色覚障がい者に配慮したWebサイトの作り方今持ってるプロジェクトの中で、視覚・色覚障がい者にも配慮したWebサイトの制作があります。視覚障がい者向けのサイト制作についてはいくつか記事を発見できたのですが、色覚障がい者に向けたWebサイト制作についてはなかなかヒットしなかったので、断片的に読んだものを記事にまとめました。参考にしてみてください! 追記: 一部表記の仕方を変更しました。 色覚障がいについて目の、色を認識する細胞の変異で、色の識別が異なることを「色覚障がい」「色覚異常」と呼びます。色覚障がいといってもいろいろな種類があり、ここでは人口の多い赤系統や緑系統の色の識別が困難な、赤緑色覚異常の場合について書いてみます。 困難な点としては 灰色だと思ったらピンクのシャツだった焼肉の際、生肉と焼けている肉の区別がつきにくい電車の路線図がわかりにくい黒板に書いた赤チョークが見えにくいUNO、
こんにちは、イメージ担当の長谷川です。 今回は Apple がデザインしている iCloud アイコンのような美しい金属調の質感を Fireworks で表現してみました。 アレンジ次第で水平のエッチングやブラスト加工のようなイメージも簡単に作ることができます。 ぜひ Web や UI デザインの参考にしていただければと思います。 1. ベースのテクスチャを設定する まずグラデーションの設定をします。 長方形ツールで作成するボタンなどのサイズより少し大きいサイズの四角を描き、グラデーションの塗りを円錐にします。 以下のように白とグレーを交互に設定します。右端と左端を同じ色にしないとグラデーションに線が出来てしまいますのでご注意ください。 ここでは濃いグレーを #666666、両端の薄いグレーを #999999 に設定しています。 次にノイズを適用量:10で追加します。これが同心円状のヘアラ
[strong-heading url=”#” ]Glamours Floral Patterns//+ [/strong-heading] Achieving appealing and tempting designs requires lots of endeavors and decent amount of time. Designers always look for useful resources that help them to salvage their precious time. If you are a designer and looking for some floral pattern sets then you are at right place. Here at SkyTechGeek we are showcasing 15 Free and Us
30 Superb Photoshop Web Layout Tutorials | Top Design Magazine - Web Design and Digital Content プロレベルのWEBサイトレイアウト作成チュートリアル30。 過去に紹介したものも含まれていますが、比較的新しいチュートリアルもあったのでご紹介。 次のような美しいレイアウトのチュートリアル集となっています。 学習資料なんかに活用させていただきましょう。 関連エントリ チュートリアルでここまでやる?というプロレベルのWEBレイアウト作成チュートリアル スタイリッシュなWEBレイアウト作成Photoshopチュートリアル 緑のすっきり綺麗なWEBレイアウト作成Photoshopチュートリアル PhotoshopによるフレッシュなWEBサイトレイアウト作成チュートリアル集80
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く