UIだけでもデザインできる理由
UI（ユーザーインターフェイス）は、いつの頃からか魅力的な視覚要素が含まれた GUI として語られるほうが多くなりました。これはある種、デザインを装飾としてのみ捕われてしまう状況と似ているところがあります。 では、ユーザーインターフェイスとは一体何なのか。スケッチしてみました。 昔からあるデスクトップでも、Google Glass のような未知のデバイスでも、人とコンピュータの関わりは必ずといっていいほど発生します。 人が何かをインプットすることで、コンピュータは処理したデータをアウトプットして人に伝えます。ユーザーインタフェイスとは、人のインプットを助長したり、コンピュータが処理したデータを人が理解できるようにアウトプットする役割を果たします。つまり、人が操作するコンピュータとの関わりを円滑なものにするのがユーザーインターフェイスの基礎と捉えることができます。UI を HCI (Huma
ソシオメディア | iPhone の当たり判定を検証した
スマートフォンやタブレットなどのモバイルデバイス向けにUIをデザインする際には、タッチ操作に適したコントロール表現を追求しなければいけません。 タッチ操作に適したコントロール表現とは、前回書いたジェスチャもありますが、それ以前に、ボタンやリンクなどのUI要素を指で押しやすい大きさにすることが大切です。 パソコン画面のマウスポインターと違って、タッチスクリーンにおいて指でボタンをタップする場合、指がそのボタンを覆い隠してしまうので、意図した場所に正しく触れているのか分かりにくく、またボタン自体の視覚的なフィードバックも確認しづらいという課題があります。 またマウスポインターではピクセルレベルで画面上の座標を指し示すことができますが、指先ではそのような細かい操作はできません。 ですからタッチデバイスでは、ボタンやリンクが細かく密集しているようなデザインは大きなストレスになります。 最低限の大き
ソフトウェア設計とは何か 〜 設計にはプログラミング経験が必要か否か | Social Change!
「プログラミング経験のない人がソフトウェアの設計をすること」の是非について、どう考えますか？ もしかしたら、このブログの読者であれば、プログラミングが出来ないのにソフトウェア設計をするなんてありえない！という意見の方が多いかもしれません。私もそういう意見ではあったのですが、色々な人と話をするにつけ、どこか違和感を感じていました。 その違和感の正体を探るべく、ソフトウェア設計とプログラミングについて考えてみました。そこでわかったことは「ソフトウェア設計」について、人それぞれに捉え方が違うために、話が通じないことがあることから産まれた違和感だったということです。 この記事では、私の考える「ソフトウェア設計とは何か」について書きました。 ソフトウェア開発はすべてが「設計」である モノづくりにおいて、大きく工程を２つに分けるとしたら「設計」と「製造」に分けることが出来ます。何をどう作るかを決めるこ
IKEAのデスクを導入したデスクトップ・ギャラリー（海外/160枚）
IKEAといえば割安な価格とデザインの良さを特徴としている世界最大級の家具販売店。 デスクだけで見ても「GALANT」「FREDRIK」「VIKA」といったシリーズがあり、特徴的なデザインのものが 豊富に揃っていますが、海外のフォーラムサイトでIKEAのデスクを導入した部屋画像を投稿するスレッドが。 なかなか好奇心くすぐる内容でしたので、160枚ほどまとめてみました。先にどのようなデスクがあるのか 上記のシリーズに目を通しておいた方が楽しめるかもしれません。（※日本未発売のデスクもあり） Ikea desk gallery - [H]ard|Forum http://hardforum.com/showthread.php?t=1341821 コーナーデスクが特徴のGALANTシリーズを導入している人が多め。長く広いスペースのデスク環境は羨ましくもなります。IKEAの製品がどれだけ魅力的で
レベルデザイン概論 – 2dgames.jp
レベルデザインとは？ レベルデザインとは、ゲームシーンあるいは舞台といった「レベル」を作成することです。 良いレベルデザインにするためには、ゲームの難易度やバランスをよく考え、プレイヤーが進捗感や達成感を得られるような課題や挑戦を配置することが必要です。 レベルエディタ レベルエディタとは、レベルを作成するためのツールのことです。 一般的なレベルエディタでは、 地形 アイテム 敵キャラ イベント などを配置することができます。 これがあると、レベルの調整が容易になります。例えば、2Dゲームのレベルエディタとしてよくあるのが、お絵かきツールように、マップチップを配置するツールです。 たとえば「Platinum」 のような「パーツ」のウィンドウから、チップを選択してちくちく配置するツールです。他にも、フィールド（地形）とキャラ（プレイヤー・敵・アイテムなど）の２つをそれぞれ「レイヤー」という単
液晶ディスプレイ＆キーパッド＆ワンタイムパスワード生成機能付きのクレカをマスターカードが2013年から導入へ
マスターカードから液晶ディスプレイ・キーパッド付きのクレジットカード「Display Card」が発行されることが発表されました。このDisplay Cardは2013年1月からシンガポールのスタンダードチャータード銀行のオンライン決済を中心に使用される予定です。 MasterCard Introduces Next Generation ‘Display Card’ Technology, a first for Singapore | MasterCard Social Media Newsroom http://newsroom.mastercard.com/press-releases/mastercard-introduces-next-generation-display-card-technology-a-first-for-singapore/ Display Cardは液
Twitterへ簡単にドット絵を作成してツイートできる「#DRAWaTWEET」
マウスを使って簡単にドット絵を作成し、完成したらそのままTwitterにポストできるのが「#DRAWaTWEET」です。 Boomerang #DRAWaTWEET http://www.drawatweet.com/ ドット絵は以下のボックスの中に描いていきます。 操作ボタンは左からペン、消しゴム、全消し、1つ戻る、ランダム。 ドット絵を作る際は絵を描くようにボックス上でカーソルを動かします。 「うまく描けない！」という時はランダムボタンを押すと笑顔マークやネズミといったドット絵がボックス上に表示されるので、そのまま使ったり、編集して自分なりのドット絵を作成することも可能。 完成したら右下のテキストボックスにタイトルを記入します。 ツイートボタンを押せば、自分の作ったドット絵がTwitterのタイムライン上に現れるというわけです。 実際にTwitter上にポストされている作例は以下のよう
MMORPGで考えるレベルデザイン
Aiming Inc. 社内で行われたレベルデザインに関する勉強会のスライドです。使用許可の無い画像は削除してあります。ご了承ください。Read less
無料で聴けて、もう作業用BGMに困らない。ミュージックビデオを次々に流してループしてくれる個人的に超オススメサイト / Maka-Veli .com
色々あるツールの中で、僕がよく使うサイトをご紹介。 洋楽がメインなので、僕の趣味と合う方向けですが・・・ Musictonic アルゴリズムはわかりませんが、 アーティスト名などを入力すると、ミュージックビデオをひたすら流してくれます。 デザインも素敵で、シェアボタンもあるので シェアしたい時にもサクっと紹介できるのが嬉しい。 使いやすいので、一番使ってます。 例えば「Capsule」とかって入力すると・・・ 左に再生リスト。 右に関連するキーワード（例えば「きゃりーぱみゅぱみゅ」とか「中田ヤスタカ」とか）が並びます。 けっこう「あれ、次何聴こうかなー」とか悩むんですよね。こういうのって。 なので凄く助かります。 YesYesY’all これも本当オススメ！ 音楽聴こうかなって思った時、「あれ聴こう！」と出れば良いですけど、大体聴きたい曲って出て来ないんですよ。
参考にしたい日本人クリエイターのポートフォリオサイト 40
Warning: Use of undefined constant more_link_shrarp_remove - assumed 'more_link_shrarp_remove' (this will throw an Error in a future version of PHP) in /home/users/1/limeline/web/nnmal/wp-content/plugins/more_link_sharp_remove/more_link_sharp_remove.php on line 16 Warning: Use of undefined constant ddsg_language - assumed 'ddsg_language' (this will throw an Error in a future version of PHP) in /ho
無料で商用利用可能な英字フォント20種類
奇抜でかっこいいフォントはここぞという所で使うと人目を引くことができますが、デザイン性に優れてなおかついろいろな場面で使いやすいフォントというのはなかなか無いものです。そんな中で無料でダウンロードできてダウンロードできて商用利用も可能なフォントを集めたものが「20 Free and Popular Thin Fonts」で、丸っこい文字やブロックっぽい形など、読みやすく、かつ印象的な英字フォント20種類となっています。 20 Free and Popular Thin Fonts (Commercial Use Allowed) | Design Inspiration http://designbeep.com/2012/07/07/20-free-and-popular-thin-fonts-commercial-use-allowed/ ◆01．Penna ジオメトリック（幾何学的）
Wantedly 航海日誌 — 素人デザインのWantedlyが、一流デザイナーの手によって生まれ変わるまで
今日の航海日誌は仲がお送りします。 本日、Wantedlyが新デザインによって生まれ変わりました。それまでのプロセスを振り返ってみたいと思います。まだ名は明かせないのですが、めちゃくちゃ優秀なデザイナーがWantedlyに参画してくれました。暫定的に、T君と呼びます。 そもそもWantedlyのデザインの何が問題だったのか？ひとことでいうと、全体的に「筋が通っていなかった」というのが問題でした。旧デザインは、私が、「なんとなく、いいと思うから」という理由で、全体の整合性もとれないままにどんどん積み上げていったものでした。だから、ページごとにデザインの一貫性がなかったり、ところどころおかしいところも満載。 そこで、いつもチーム内では「プロのしっかりしたデザイナーにチームに入って貰いたい」という声がありました。そんなときに、CTO@kawasyの紹介でやってきたのがT君。 デザイナーT君の参画
必読！5分でわかるレスポンシブWebデザインまとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
二度目まして。デザイナーの野田です。 レスポンシブWebデザインについて、僕なりにまとめてみたのでご覧下さい。今回は、制作に関することではなく、最低限知っておかなければならないことの基本編になります。 独学でつまずいていませんか？ Webデザインを効率的に学びたい、転職・就職を目指している、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。どんなスクールがあって、どんな内容が学べて、費用はどれくらいするのか、情報として持っておいて損はないはず。下記におすすめスクールを集めてみました！ レスポンシブWebデザインとは 「レスポンシブWebデザイン」とは、PC、タブレット、スマートフォンなど、複数の異なる画面サイズをWebサイト表示の判断基準にし、ページのレイアウト・デザインを柔軟に調整することを指します。 現在はPCやスマートフォンなど、デバイス毎に各HTMLファイル
UIが美しすぎる15の次世代モバイルアプリデザイン - SEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
無料で資料をダウンロード SEOサービスのご案内 専門のコンサルタントが貴社サイトのご要望・課題整理から施策の立案を行い、検索エンジンからの流入数向上を支援いたします。 無料ダウンロードする ＞＞ 世界的なスマホの急速な普及とそれに伴う様々なアプリの登場と共に、モバイルデバイス向けのUIデザインも様々な試行錯誤と進化を続けているようです。今回は、デザインにはこだわりのある人気ITメディアThe Next Webのスタッフが選んだ次世代のモバイルアプリを担う15のUIデザインを紹介します。 — SEO Japan コードを学ぶのと同じように、デザイナーとして上達する一番の方法は、習うより慣れることだ。それでもやはり、優れた作品を称賛して模倣すること（という名の練習）が驚くべき効果を発揮しないというわけではない。何よりも、他のデザイナーが過去にしたことを見ることは、相当な時間の節約になる。なぜ
無料で使える高品質な50のデザインパーツ素材集 ｜SEO Japan by アイオイクスSEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
最近デザインに関する記事を少しずつ増やしているSEO Japanですが、予想以上に人気に嬉しいながらも微妙に戸惑っていたりもします。とはいえ、需要があればお届けするということで新たな無料素材のご紹介。 — SEO Japan 世の中には高品質のデザイン素材を作成し、無料で公開してくれる素晴らしいデザイナーが沢山いる。今回の記事ではそんな素材を50まとめてみた。 Blaubarry UI Kit Review & Rating Stars… (PSD) 7 Styled Tickets Settings Menu (PSD) Black UI Kit LOGIN FORM PSD Sign In Notepad Solid UI Kit Classic Login Form UI-Element Set Simple Slider UI Elements White&blue set MP3
Webデザイナーなら押さえておきたい、今月の優れたWebデザイン（2012年6月）
浜松のビジネスホテル｜HOTEL day by ... / 03 ENTERTAINMENT(03E)::広... / ACRYLIC ORDER RUG（アクリルオー...他...全12件
新型MacBook Proのおかげで大半のウェブサイトはデザインやり直し？ ｜SEO Japan by アイオイクスSEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
ついに新型MacBook Proが登場し特にRetina採用の美しいディスプレイが話題を呼んでいます。画面が綺麗になることはユーザーにはとっても良いことなのでしょうが、この鮮明すぎる解像度が既存のウェブデザインに大きな波紋を呼んでいるようで。。。今回はそんなウェブデザイナー・ウェブ運営者が気になる話題をThe Next Webから。 – – SEO Japan 昨日AppleのWWDCを見た他の誰もと同じように、私は、最新のRetinaディスプレイ搭載のMacBook Proを自分の物にしたいと思っている。もちろん、2,200ドルからという価格を考えると、飛びつくには待たなければならないだろう。何とかなると信じて思い切るつもりでいるが、そう考えているのは私だけではないと思う。待っている間に、この新しいリリースの何が特別なのかを見る価値はある。 新しいMacBook Proモデルは、ハイエン
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IBM Developer
新着記事
designmap.info