7つの実例で学ぶ「ワイヤーフレーム通り」のデザインから脱却する具体的な方法
「ちょっと〇〇君！これワイヤーフレームそのままじゃない！」 Webデザイナーなら、できることなら聞きたくないセリフですよね。私自身ももれなく、こう言われた経験はありますし、逆に後輩に対して同じく「これだとワイヤーフレームのまんますぎるね。。」と伝えたこともあります。 この「ワイヤーフレーム通り問題」は、Webデザイナーなら誰しも一度は経験するあるあるの一つと言えますが、なぜ「ワイヤーフレーム通り」と言われてしまうのでしょうか。また具体的に何をすれば、ワイヤーフレーム通りではなくなるのでしょうか。今回はそのあたりの原因と対処方法を考えてみたいと思います。 「ビジュアルを作る力」と「情報を理解・提案する力」 ズバリ結論を言いますが、ワイヤーフレーム通りじゃん…と言われてしまう人は「ビジュアルを作る力」と「情報を理解・提案する力」が弱いと言えます。 ビジュアルを作る力は幅広い表現の中から適切な手
【前編】美術館 WEB の game changer（1）：アムステルダム国立美術館の WEB 戦略
今月 3 日にロンドン・ミュージアムで Museum Ideas というカンファレンスに出席した。20 ヶ国から 200 名が集まるという結構大きい国際カンファレンスなのだが、内容は 12 名のミュージアム関係者がそれぞれ、彼らの館で行っているさまざまな “イノベーティブな” 試みやその根幹をなす思想をプレゼンテーションする、というものである。 面白いプレゼンもいくつかあったので、その中から特にデジタル×ミュージアムに関する話題に関して覚書を残しておこうと思う。ので、突然のブログ再開です（笑）。 まずは、今回の私のお目当てのひとつでもあったアムステルダム国立美術館のデジタル・コミュニケーション・マネージャー Peter Gorgels 氏による、同館の新しい WEB サイト＆コレクション・アーカイブ・サイト Rijksstudio について。 題して “Rijksstudio: New a
Webとは一味違うスマホアプリの動的UI設計は、「脱・ワイヤーフレーム思考」で【えふしん】 - エンジニアtype | 転職type
Twitterクライアント『モバツイ』開発者であり、2012年11月に想創社（version2）を設立した有名エンジニア・えふしん氏が、変化の激しいネットベンチャーやWeb業界の中で生き残っていくエンジニアの特徴を独自の視点で分析 えふしんのWebサービスサバイバル術 藤川真一（えふしん）氏 FA装置メーカー、Web制作のベンチャーを経て、2006年にpaperboy&co.へ。ショッピングモールサービスにプロデューサーとして携わるかたわら、2007年からモバイル端末向けのTwitterウェブサービス型クライアント『モバツイ』の開発・運営を個人で開始。2010年、想創社（現・マインドスコープ）を設立し、2012年4月30日まで代表取締役社長を務める。その後しばらくフリーランスエンジニアとして活躍し、2012年11月6日に想創社（version2）設立 アメリカのiPhoneアプリはなぜクー
RIAxDNP
ホームページやアプリにとって「UIデザイン」は欠かせない要素の1つです。このUIデザインを仕事にしたいと考えている人も多いのですよね。しかし、勉強方法が分からない人が多いのが現実です。そこで本記事では、独学でUIデザインを習得する際のおすすめの勉強方法をいくつか紹介していきます。 まず「UI」とは何かをおさらい UIデザインの勉強方法を紹介する前に、まずは「UI」とは何なのかといった点をおさらいしておきましょう。 UIが何者なのか知らないのにUIデザインの勉強をするというのは、おかしな話ですよね。 UIとは「ユーザインターフェース」の略です。 ユーザーと自分のプロダクトを繋ぐ接点という意味がありますが、現在ではwebサービスだけではなく、様々な業界のサービスや商材で使用されるワードとなっています。 ホームページ・アプリにとってのUIとは、「デザイン性」と「操作性」の事を指します。 ユーザー
約36時間でレスポンシブデザインを作る！効率最優先で作るため必要だったリソースや情報色々 | バンクーバーのうぇぶ屋
先日このブログをリニューアルさせて頂いた旨をご報告させて頂きましたが、今回のリニューアルの主目的だったレスポンシブデザイン化について、とにかく効率優先で作業させて頂いた時のリソース関連や情報を一度僕自身の忘備録として抜粋してまとめさせて頂こうと思います！以前別のブログを作った時もそうですが、基本僕はとにかく効率重視派です。細部に渡る美しいデザインや、ガリガリのプログラミング。標準に法ったコーディングとかはその道のスペシャリストが仲間内に居るので、今回も僕は効率化に焦点を当てています！ ご紹介させて頂くのは主にFacebookやTwitter周りで共有させて頂いてきたリソースばかりですが、実際に使ってみると見えてくる注意点や、戸惑った部分、周りのデザイナーにも知っておいて欲しい部分等が見え隠れしてきたので、まずはその辺りを中心に、作業ステップ毎に簡単にご説明させて頂こうと思います。 僕と同じ
地図の無料素材 - 地図AC
無料素材サイト「地図AC」の登録はわずか10秒で完了！フリーでEPS・PNG形式のマップデータがダウンロードし放題。素材はすべて無料で商用利用もOK！クレジット表記や許可も必要ありません。※再配布はご遠慮下さい。 地図AC会員登録(無料) ≫ 47都道府県の県別の白地図がなんとフリーダウンロードしていただけます。白地図は自分の好きなようにサイズ調整、切抜きなどの加工編集ができる為、 使い勝手がよくて大変便利です。ホワイトマップのＥＰＳ形式をタダでダウンロードできるのは当サイトだけ！チラシ・雑誌などの印刷物でも使用できます。⇒白地図素材を見る
Webデザインの評価項目をつくる
Webデザインの評価項目というのを、ディレクターやデザイナーの方々はつくっているでしょうか？ 評価項目があると、デザイナーやディレクターだけでなく、クライアントにとってもデザインの基準がわかりやすくなり、目標地点が明確になります。 今までつくったことがなかったという方は、この機会につくってみてはどうでしょうか。 改めて、Webデザインの評価項目をつくるメリットです。 デザイナー、ディレクター、クライアントにとって、デザインを評価する共通認識を持つことができ、三者間で認識のブレが少なくなる デザインの優先すべき項目（もっと企業の色を出したい、など）がわかりやすくなり、それをデザインに反映させることができる デザイナーは、すでに満たされている要素にそれ以上時間をかけることがなくなり、足りない要素に注力できる デザインの評価項目とデザインエレメント一覧表 私はWebデザインの評価項目を、以下のよ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Neue Products – Simple, minimalistic dot grid books & iPhone cables
Sony Tablet S