デザインには意味があります。物を配置するにしても、なぜそれを配置するのか？なぜその色味なのか？なぜそこに置くのか？など、実に多くの事を考えてデザインは行われています。 そのためデザイナーが考える事は実に沢山有り大変なのですが、デザインには決められたルールという物が存在し、「こうしなければならないルール」、「こうしてはいけないルール」と言ったものが多数存在します。 デザイナーはそういったルールを知識として蓄えているので、考えるべき点を素早く整理し形にしていくことが出来るのです。 今回はそのルールについて少し述べたいと思いますので、デザインが苦手な人も是非そういったルールについて考えてみて頂ければと思います。 レイアウト ビジュアルは左、テキストは右 人間の脳は左側に配置されたものを感覚的に美しいと感じやすく、右側に配置されたものを理論的な思考で捉えやすくなっています。そのため上記のような写真
デフォルトのボックスモデルではwidth、heightの値にはpaddingとborderの値を含みませんが、box-sizingプロパティの値にborder-boxを指定すると、widthとheightの値はpaddingとborderの幅を含むようになります。 #box-sizing{ -moz-box-sizing: border-box; box-sizing: border-box; } 特にコンテンツの幅を指定するときや、Fluid Grid Systemを作成するときに計算が簡単になります。 例えば以下の図のような4カラムのGrid Systemで2カラム分の相対幅を求めるとします。 デフォルトの場合2カラム分の幅は60px×2+20px=140px、全体の幅は320pxとなるので、140÷320×100=43.75%となります。これにmarginやpaddingでガターの幅
New here? Please allow us to introduce ourselves.Welcome to BBC UX&D. We do the layer between people and technology. Every day, we focus on the stuff that makes things special, as well as the stuff that makes things happen. The Futures Bazaar: A Public Imagination ToolkitExpand horizons, explore new ideas, and transform everyday objects into things from the future. Download your toolkit here.
スマートフォンやタブレットなどのモバイルデバイス向けにUIをデザインする際には、タッチ操作に適したコントロール表現を追求しなければいけません。 タッチ操作に適したコントロール表現とは、前回書いたジェスチャもありますが、それ以前に、ボタンやリンクなどのUI要素を指で押しやすい大きさにすることが大切です。 パソコン画面のマウスポインターと違って、タッチスクリーンにおいて指でボタンをタップする場合、指がそのボタンを覆い隠してしまうので、意図した場所に正しく触れているのか分かりにくく、またボタン自体の視覚的なフィードバックも確認しづらいという課題があります。 またマウスポインターではピクセルレベルで画面上の座標を指し示すことができますが、指先ではそのような細かい操作はできません。 ですからタッチデバイスでは、ボタンやリンクが細かく密集しているようなデザインは大きなストレスになります。 最低限の大き
当サイトはUnityという無料でゲームを簡単に作れてしまうソフトの使い方を解説したサイトです。 しかもUnityなら3Dゲームも2Dゲームもスマートフォンゲームもブラウザゲームも簡単に作れてしまいます！ ぜひ当サイトでUnityの使い方をマスターしてください!! わからないことや知りたいことがあればコメントなどでお知らせください。 １．基本操作 Unity3Dのインストール - Unityって何？ プロジェクトの作成方法 ゲームオブジェクトの作成 ゲームオブジェクトをバウンドさせる。 スクリプトの追加、キャラクターの移動 オブジェクトの複製方法 プレハブについて ゲームをビルドし公開する ２．中級編 UnityAssetStoreを利用する パーティクルシステムでエフェクトを作成する１ パーティクルシステムでエフェクトを作成する２(応用編) OnGUI関数でGUI(ボタンとかスライダーとか
絵の上達方法（完全版） あくまで主観的な自分用のメモです。 もっと若い時から持っていたかった考えや、方法です。 このページは、ちょこちょこ更新される場合があります。 （間違っている場合があるので、固執しないということで…） 精神論：楽しんで描く たっぷりと睡眠をとること。100%の力を出せないし、考え方がネガティブになる。 一番大切なことは『楽しんで描く』こと。 楽しむために、自分が楽しめるポイ…
In this article, we will take our first steps with CSS animation and consider the main guidelines for creating animation with CSS. We’ll be working through an example, building up the animation using the principles of traditional animation. Finally, we’ll see some real-world usages. With CSS animation now supported in both Firefox and Webkit browsers, there is no better time to give it a try. Rega
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
DirectX11最新リアルタイム映像事例集 「DirectX11最新リアルタイム映像事例集」のスライドです。 Graphics_Engineer.pdf (4.64 MB) Approximate Catmull Clark（ACC）を利用した結果の映像です。 （スライド内23ページで使用しています） Tess_ACC.wmv (17.1 MB) Displacement Mappingを利用した結果の映像です。 （スライド内27ページで使用しています） Tess_Disp.wmv (25.8 MB) Vector Displacement Mappingを利用した結果の映像です。 （スライド内30ページで使用しています） Tess_Vector.wmv (20.3 MB) 適応型テッセレーションを利用した結果の映像です。 （スライド内35ページで使用しています） Tess_Adptiv
2011年04月29日01:04 by oklahomer Facebook Query Language (FQL) カテゴリドキュメントFQL Facebook Query LanguageもしくはFQLと呼ばれるもので、SQLと似たインターフェイスでGraph API上で提供されているデータを扱うことができます。Graph APIでは提供されていない機能もいくつか提供していて、複数のクエリを一度の問い合わせで処理することも可能です。 https://api.facebook.com /method/fql.query?query=QUERYにアクセスすることで、FQLクエリを実行します。formatパラメータを指 定することで、レスポンスのフォーマットをXMLもしくはJSONから選択することができます。クエリはSELECT [fields] FROM [table] WHERE [c
正規表現と構文図について解説します。オートマトンについても詳しく述べます。オートマトン・スゴロクで遊びましょう！ 世間でよく知られている／使われている概念・方法にはこだわらず、僕（檜山）の感覚で一番わかりやすいと思われる筋書きと用語法／図式法を使って説明します。この記事に目を通して“感じ”が掴めたら、形式言語理論の教科書を読み始めることが出来るでしょう。 [追記]この記事の内容に対する具体例は、「正規表現とオートマトン：なんだ簡単じゃん、JavaScriptによる実装」にあります。[/追記] 内容： 正規表現 正規表現の例 構文図 基本記号 連接 選択 省略可能 繰り返し ストレートワイヤーによるレイアウト調整 有限状態オートマトン 有限状態オートマトンの実行 バックトラックと先読み スゴロクとオートマトン コマをたくさん使うスゴロクと並列処理 非決定性オートマトンと決定性オートマトン 正
ＰＨＰでプログラムを作っていくと ｢変数名はどうしよう？｣ などと、たいしたことではないのに凄く悩むときがあります。 PearとZend Frameworkには標準コーティング規約というものがあります。プログラムを書く上でのルール決めです。いずれも内容的には一致しているところも多く大変勉強になります。 ただ、かなり細かく書いてあるので全てを網羅するには結構大変です。下記にそれぞれのコーティング規約を1つにまとめてみました。 ファイル 一行の長さは80文字以内とする。最高でも120文字いないとする 改行はラインフィード( LF )を使用する ファイル名は英数字、アンダーバー( _ )、ダッシュ( – )以外は使用しない インデント インデントはタブを使用しないで半角空白4文字とする 制御構造 if, for, while, switch等で制御キーワード(if等)と括弧の間は1文字開ける i
ソースをダウンロードしたりマニュアルを読んだりバグ情報を検索したり、あるいはPEARやPECLのモジュールを調べたり…。PHPを使っている人なら誰もが一度は訪れているPHP本家サイト。 PHP Advent Calendar jp 2010、今日はphp.netのそれ以外の顔についてのおはなしです。 最新のドキュメント置き場 - docs.php.net PHP Documentation Groupが管理するサーバです。基本的にはwww.pnp.netのミラーですがマニュアルは6時間おきにリポジトリ上の最新版に更新されており、常に最新のドキュメントを読むことができます。が、最近は公式のマニュアルも毎週更新されるようになったので、あまりありがたみがないかもしれません…。 クロスリファレンス - lxr.php.net PHP本体のソースコードをブラウザ上で読むことができます。「あの関数の実
Photoshopと比べると、どうしても知名度が低いものの、その使いやすさに熱烈？な支持者が多いFireworks。 ですが、正直95%（なんとなく）はPsユーザーなため、あまりFwのコンテンツはネット上でも見かけません。 本屋に行ってもあるのはPhotoshopの教本ばかり。。。 そこで、Fwに力を入れてる日本のサイトをまとめてみました。 Fireworks Bros.（白坂 翔さん） Fireworks Bros. 株式会社デザインエージェント、84ism/ハチヨンイズムでご活躍されている白坂 翔さんのブログ。 ・素人っぽく見えないドロップシャドウのつけ方 ドロップシャドウはニガテなので、非常に助かります。 ・普通に拡大すると、矩形がボケてしまう場合の対処法 Fwの弱点としてアンチエイリアスが弱いのがあります。定番のワザかもしれませんが、知らない人は必見！ Fireworksマニア（Y
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く