motiontable© 2015 Kazuki Akamine. Musashino Art Univercity Graduation work
デザイナー向け認知科学／認知心理学の入門書 （2020.10.4追加編集）｜yoshi_design
はじめに若手のUIデザイナーから「使いやすいアプリをデザインするために認知心理学を勉強したい。どんな本を読んだらいいですか？」と相談を受けたので、いくつか紹介してみます。ちょうど、大学入試センター試験（国語）で「デザイン」や「アフォーダンス」が取り上げられたこともあり、このタイミングで書いてみることにしました。 認知心理学の学問分野は広大ですし、僕は認知心理学者ではありませんので、あくまでも、１）デザイナー向けに、２）仕事に役に立つ、３）入門書、 という観点で選びました（前半の入門編）。 （僕自身は、多摩美術大学の大学院生の時に、須永剛司教授（現・東京藝大）の研究室で、インタフェース・デザインの実践研究をしながら、文献や論文、ゼミの輪読、学会や勉強会などを通じて、認知科学／認知心理学を学び、それがその後のインタラクション研究に続いていきます。） 後半の中級〜上級編には名前がよく出てくる有名
インフォグラフィック& オンラインチャートを作成 | infogr.am
Start with our collection of designer templatesNever stare at a blank screen again. Our ready-to-use templates drive engagement, impress your audience, and look perfectly polished. Stay on brand with company guidelinesGet a custom template with your brand, colors, fonts, and logo. Empower everyone on your team to create branded visuals in minutes.
Download Free Vector Graphics, Background Vector Images | 123FreeVectors
Largest Collection of Free Vector Art, Vector Images, Vector Graphic Resources, Clip Art, Illustrations, Wallpaper Background Designs for All Free Downloads.
スマホUI考（番外編） なぜ機能追加をし続けるとアプリが破綻するのか？ | fladdict
この写真は、アーミーナイフの名門ウェンガー社のジャイアントナイフという最高級ナイフである。141の機能を持つ、ギネス認定もされた厚さ24cm、重量1.3kgの世界で最も高機能なナイフだ。トップメーカーが自社製品の全機能を１つに集約したこの製品こそが、機能拡張の行き着く先を指し示している。 なぜ適切な機能追加であっても、機能を追加しつづけることで破綻をするのか？本エントリは、「スマホUI考（番外編） 顧客やユーザーの要望に全て対応すると、アプリは99%破綻する」の続きになる。 本エントリでは以下の４つの側面から、機能を追加するリスクを考える。まず第一に「選択肢の数が必ずしも善ではないこと」。次に「人間の判断力は使うほど消耗すること」。そして「画面スペースが有限のリソースであること」。最後に「どんなに機能を増やしても、一画面で強調できるものは限られていること」。これらの４つは全て、機能追加が最
和柄・和風デザイン用AI・EPSファイル無料ダウンロード－粋屋 日本の伝統文様と伝統色－
必ず 利用規約 を一読の上ご活用下さい。 画像をクリックすれば当サイトで公開している文様・和柄・和風デザイン用のパターン背景素材のIllustrator9形式AIファイルまたはEPSファイルを無料でダウンロードできます。 ダウンロードした素材ファイルはサイズ・色等の変更は自由です。和柄・和風デザイン・DTP・POP背景にお使い下さい。 商用利用の場合は念のためご一報下さい。原則としては直接利益を得るものへの使用以外はご連絡後使用可能としております。 （例）商品デザインへの使用・販売⇒×（有償） 商品パッケージ・パンフレット⇒○（事後含み連絡必要） あくまで個人レベルの産物ですので作りが甘いですがご理解宜しくお願いします。 当サイトで必要な素材が見つからない場合は素材集等の購入をおすすめします。当サイト管理人が実際に購入した 素材集は使用感を含めてこちらで紹介 しています。 ではでは お好み
Tutorial_イラレで光の表現その2 – イラレラボ illustrator-labo
イラストレーターでがんばる光の表現その2です。オブジェクトを柔らかくふんわり光らせます。Photoshopでやれよという突っ込みには耳を塞ぎつつ。 480×360pxの長方形を配置します。0%:#002800 > 50%:#004251 > 100%:#2D0058 の線グラデーションで塗ります。 アピアランスメニュー ＞ 新規塗りを追加、0%:#FFFFFF > 100%:#000000 （白から黒 の円グラデーションで塗ります。中心からやや左下をクリックしてグラデーションの中心位置を移動させ、不透明度40％ / 描画モード：スクリーンに設定します。 480×480pxの円を配置します。0％:#005368 > 100%:#000000 の円グラデーションで塗り、描画モードをスクリーンに設定します。上のあたりに位置をずらして、青い光を入れます。 光のラインを描きます。200×2pxの円を
【Vector】アナログスケッチ風Illustratorブラシ30種
こういったブラシは自作しようと思えば作れないことはないですが、やや面倒です。 画用紙などに筆で様々なラインを描いても、「これは！」と思うラインを描くことは予想以上に困難。 奇跡的に思い通りのラインが描けた後も、スキャニングして、パスに起こして、ブラシライブラリに登録して・・・。 手間がかかります。ま、手間がかかっても、それが必要だからやっているんですがね。 一般の方から見ればカンタンそうに見えるかもしれませんが、結構大変なんですよ（笑） そういった手間をちょいと省きたいときには、こうした素材を利用するのもいいかもですね。 via：Vectips 30 Sketchy-Style Brushes For Illustrator | Vectips
となりのインテリア
よろしくお願いします。 移転しました。 まとめのインテリアのブログ版(旧となりのインテリア) http://nanigashi3.blog40.fc2.com/ は まとめのインテリア http://matomeno.in/ に統合されました。 はてなアンテナに登録しましょう はてなアンテナにまとめのインテリアを登録する。 RSSを取得しましょう まとめのインテリアのRSSはこちら RSSって何？という方は、こちらの説明がわかりやすいですよ。 この機会に、URLを覚えてみましょう まとめのインテリア = matomeno.in （まとめの.イン） 更新をさぼると表示されてしまうFC2ブログの広告記事を 表示させないために、この記事が定期的にエントリーされます。 http://nanigashi3.blog40.fc2.com/をアンテナ登録・RSS登録していても あんまり得することはありま
EVRICA
・銀行振込はご入金確認後の発送です。 ・混雑状況により遅れる場合がございます。 平日13時までのご注文 当日発送 ※土日祝日は除く、翌平日になります。
文房具通販|輸入文房具販売|分度器ドットコム
人気文具ランキング 【CRAFT A/クラフトエー】OutFit万年筆/黒檀L (ペン先：M) 21,285円(税1,935円) 【KAWECO/カヴェコ】スチールスポーツ・ローラーボール 14,300円(税1,300円) 【KAWECO/カヴェコ】ブラススポーツ・ローラーボール 12,100円(税1,100円) 【CARAN D'ACHE/カランダッシュ】849 スプリングミスト ギフトセット 11,000円(税1,000円) 【CARAN D'ACHE/カランダッシュ】カランダッシュ＋ネスプレッソボールペン・エディション3 4,950円(税450円) 【TWSBI/ツイスビー】ECO / エコ ダークサファイヤ (EF/極細) 7,700円(税700円) 【KAWECO/カヴェコ】ペンシルスペシャル・ブラス (0.9mm) 7,150円(税650円) 【カンダミサコ】ペンシース・シュラ
MOONGIFT: » 必見！画像をベクター化「AutoTrace」:オープンソースを毎日紹介
ロゴを刷新しようと思ったら、元のベクターイメージがなくなっていた、なんて経験はないだろうか。また、元のロゴは全くなく、写真から起こす必要があるなんて場合も考えられる。画像からベクター化する作業というのは非常に大変だ。 そんな大変な作業の手助けになりそうなのが、このソフトウェアだ。 今回紹介するオープンソース・ソフトウェアはAutoTrace、その名の通りトレースを自動化するソフトウェアだ。 AutoTraceはCUIベースで動作するので、様々な場面で利用できそうだ。また、自動化も手軽だろう。インプット形式にBMP/TGA/PNM/PPM/PGM/PBMなどが利用でき、出力はPostscript、PDF、SVG、SWF、AI、TeXなど様々な形式が利用できる。 筆者環境ではうまくいかなかったが、出力形式にテキストやJavaといった指定もできる。これで何が生成されるのかは不明だ。また、AIやS
閃光、爆発などの光や風などを表現できるPhotoshopのブラシ | コリス
Brusheezy!に登録されている、閃光、爆発などの光や風などを表現できるフラクタル&アブストラクトなPhotoshopのブラシの紹介です。
POLAR BEAR BLOG: 「クリーンな水平分割」がウェブデザインの最新流行？
海外の WEB2.0 系サイトのデザインを見ていると、どこかしら似ていると感じることが多いと思います。「カドが丸い」「ロゴが反射している」などなど、これまでも様々な点が指摘されてきましたが、最近のトレンドは「クリーンな水平分割」なんだとか： ■ Analysis of Web 2.0 Design & Layout Trends – Part 1: Clean, Colorful and Horizontally Divided (StyleIgnite.com) 「クリーンな水平分割」とは、StyleIgnite による造語。しかしこの表現がピッタリだということは、例に挙げられているサイトを見れば一目瞭然です： ■ shoeboxed.com 上の画像は、現時点でのキャプチャ。画面全体が大胆に水平分割されていて、余白スペースも大きく開けられていますね。まさしく「クリーンな水平分割」。 念
燃えさかる炎に包まれたロゴを作るPhotoShopチュートリアル:phpspot開発日誌
Fire - ・hotoshopTechniques.com Over the years I have seen a number of Photoshop fire effects. 燃えさかる炎に包まれたロゴを作るPhotoShopチュートリアル。 次のようなクールなロゴを作るチュートリアルです。 次のような流れで、１からロゴを作っていきます。 PhotoShopオンリーでここまでカッコいい画像が作れるのは凄いですね。 関連エントリ 光のモーションで画像を超カッコよくするPhotoShopチュートリアル スライムのような質感のWeb2.0風ロゴを作成するPhotoShopチュートリアル 硬い金属のような文字を作成するPhotoShopチュートリアル テキストにツララが重なったようなロゴを作成するPhotoShopチュートリアル テキストの上に雪がのっかったようなロゴを作るPhotoS
チュートリアル バナー Advanced Glow Effects
1. How to Create the Background Step 1 As with pretty much every tutorial I've ever written, we begin with a Radial Gradient. This one is pretty harsh and goes from a reddish brown color to black. Here are the exact color codes: Foreground color: #922f00 Background color: #000000 Step 2 In this tutorial, we actually need a pretty intense center, so what we'll do is duplicate the layer we just made
新規サイト制作セット（CSSライブラリ＋基本フォルダ構造＋HTMLテンプレート）、一式zipでダウンロードできるようにしました
Account Suspended This Account has been suspended. Contact your hosting provider for more information.
アップル ヒューマンインタフェースガイドライン
アップル ヒューマンインタフェースガイドライン 原文：Apple Computer Inc. 訳：かろでん☆みゅーあ 2006-06-28 はじめに アップル ヒューマンインタフェースガイドライン序文 アップルは、強力なコアファウンデーション、そしてアクアと呼ばれる、目の離せないユーザインタフェースを結びつけた、世界で最も先進的なオペレーティングシステム、Mac OS X を手にしました。 進化した機能と、美的に洗練された色使い、そして透過処理、アニメーションによって、Mac OS Xは新規のユーザにはコンピュータ操作をより容易に、同時にプロフェッショナルユーザには彼らがMacintoshに期待する通りの生産性を提供します。 ユーザインタフェース、すなわちふるまいと外見は、よく練られた緊密なユーザ体験を、Mac OS X向けに開発された全てのアプリケーションに利用できるようにします。 これ
Color Schemer | Create matching color schemes at the click of a button
Every Monday, get all the new schemes posted during the previous week sent to your inbox.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Photoshop ドロップシャドウいろいろ - DesignWalker
