fladdict » スマホのUI考 〜 ボタンについて
SuperPopCamとか作ったときに、体系的な資料欲しいなぁーとか思ってたことのまとめ。 色々と自分の中の考えをまとめるためのメモ。世の中のアプリは機能を半分にして、減った予算分をUIの練り込みにつぎ込んだ方が絶対よいアプリになると思う。 書いてる作業が一番考えまとまるので、ちょぼちょぼあげていこうかと、まずはボタンから。 指の大きさの制約を受ける ・Webとスマホを比較した場合、最大の違い。 ・ピクセル単位でクリック位置を制御できるマウスポインタと違い、指は大雑把にしかタップ位置を指定できない。 ・このためAppleはボタンの最小サイズとして44pxというガイドラインを作っている。 ・視覚的に44px以下のボタンも実際のヒットエリアは大きめにする。 ・またこれに留まらず、ボタンとボタンの間のマージンは空けられるだけ空けた方が安全。 ・つまるところ「カッチリ」つめたボタンレイアウトのグラ
髪の毛などが込み入った背景を削除する方法 / ウェブデザインライブラリー
投稿日：2008年2月19日 レベル：上級者 ソフトウェア： 対象を背景から引き出す3つの手法についてご紹介します。この中から気に入った方法を使って作業できます。 Step1 ： 抽出ツールを使用する Step2 ： ブレンドモードを使用する Step3 ： チャンネルの使用 画像を開きます。「フィルタ」−「抽出」を選択するか「Alt」＋「Ctrl」＋「X」キーを押してください。 パレットツールのエッジハイライターツールを使ってモデルと背景の間の縁に色を塗ります。このステップでは、できる限り注意深く作業してください。 塗りつぶしツールを選択してモデルの内側の空間に色を塗ります。 プレビューを押して結果がよければ「OK」を押してください。 するとこのようになります。 モデルの周りの縁がまだ白っぽい場合は、 覆い焼きツールを使って削除してください。 最後はこのようになります。 新しい
inputのtype=fileをCSSでクールにスタイルするサンプル:phpspot開発日誌
Styling File Inputs with CSS and the DOM // ShaunInman.com This simple, three-part progressive enhancement provides the markup, CSS, and JavaScript to address the long-standing irritation. inputのtype=fileをCSSでクールにスタイルするサンプル input type=file なエレメントを次のように美しくスタイリングするサンプルが公開されています。 これはなかなかクールですね。Web2.0なサイトでは是非実装したいスタイルです。 関連エントリ サイトのチェックボックス、ラジオボタンを可愛い感じにするためのJavaScriptライブラリ CSSでデザインされたテーブルレスでクールなフォームサ
ついに高機能3Dモデリングツールも無料に！『CB Model』がすごすぎる！ - IDEA*IDEA ～ 百式管理人のライフハックブログ ～
ドットインストール代表のライフハックブログ
仕事の価値を高める「デザイン」と「クリエイティブ」
初めての社会人生活、あるいは新たな職場での生活を迎えた人も多いだろう。昨今、転社や転職も珍しくはないが、多くの積極的な人生を過ごしたい人が求める傾向として「デザイン」と「クリエイティブ」というキーワードが見えてきた。漠然とした新生活の中にあって、このキーワードを知ることで、より有意義な方向付けが可能になるかもしれない。 曖昧になる業種の境界と新たな階級の台頭 最近、ITとかメディアといった領域を区切る境界線が曖昧になってきている。 と、同時に「上流」とか「下流」といった事業の工程による2分類がはっきりし始めてきた印象が強い。ただ、上流工程といっても、これまでのような「ホワイトカラー」と「ブルーカラー」といった区分でいうところのホワイトカラーばかりを指すわけでもない。いわゆるブルーカラーと呼ばれる肉体労働系であっても、職人さんといわれている人たちの多くが創意工夫を凝らした仕事をしている点にお
Bascule Inc.
FEATURED PROJECT新しいつながりをデザインし、既存の枠組みを超えた未来のスタンダードをつくる プロジェクトデザインの事例です
セブン-イレブン、「最後の『n』だけなぜ小文字？」問題 (2004年10月15日) - エキサイトニュース
大学時代、友人の間で「ジーベン-エルフに行って来るねー」と言うのが流行った。 「ジーベン-エルフ」とは何ぞや。 「ジーベン」＝７、「エルフ」＝１１。そう、「セブン-イレブン」をドイツ語読みにすると「ジーベン・エルフ」なのである。 「ウチにはテレビが１００台あるんだぞー」と言った子供の頃並みの恥ずかしいお話をご披露してしまったが、皆さんは、セブン-イレブンのロゴは、最後の「n」だけが小文字であることをご存じだろうか？ これにはいくつかの巷説がある。 まず、「数字だけの登録商標登録はできない。また、大文字のみ、小文字のみで数字を英語表記した登録商標もNGである。そのため、大文字小文字とりまぜた数字表記にした」という説。 それから「デザイン上の必要から」という説もある。 それでは、本家セブン-イレブン・ジャパンの広報室に突撃！ すると、意外な答えが返ってきた。 「実は、私どもでも『わからない』と
Tokujin Yoshioka Design
Art pieceCartierCentre PompidouChairChristian DiorCosmeticsDesaltoDesign MiamiDriadeFANCLFurnitureGLAS ITALIAGlassGlass Tea House - KOU-ANHermèsHoney-popISSEY MIYAKEKartellLGLogoLouis VuittonMirrorMOROSOMusée d’OrsayMuseumMUTINANew YorkProductSalone del Mobile MilanoStoolSUQQUSwarovskiTableThe Museum of Modern ArtTHREETokyo 2020 GamesUNIQLOWatchWater Block
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Photoshopの無料ブラシを使って、たった３分でプロが作ったようなグラフィックを作る方法 - デザインウォーカー | DesignWalker - ロサンゼルスで働くウェブデザイナーの日記
9坪ハウスという狭小住宅
2Advanced v5 - Attractor
Top 100 Links for Web Designers
http://icondock.com/imini/