デザイン思考は多様性を持つチームの「共通言語」EnterpriseZine（エンタープライズジン）編集部では、情報システム担当、セキュリティ担当の方々向けに、EnterpriseZine Day、Security Online Day、DataTechという、3つのイベントを開催しております。それぞれ編集部独自の切り口で、業界トレンドや最新事例を網羅。最新の動向を知ることができる場として、好評を得ています。
有名企業・団体のレスポンシブWebデザイン事例－Microsoft、NTT DATAなど。
海外ではレスポンシブWebデザインがいち早く企業や団体のサイトに取り入れられ、すでにたくさんの事例が上がっています。今回はそんな海外の数ある事例の中で、有名企業・団体のレスポンシブWebデザイン事例についてご紹介したいと思います。日本も2012年内のうちに、多くの有名企業がレスポンシブWebデザインによるサイト構築を進めるのではないかと感じています。 NTT DATA NTT DATA海外向けコーポレートサイト。とても美しいレスポンシブWebデザインの事例です。単にデザインだけの美しいだけでなく、350ページ(※注：ツールを使用して確認)を超える全ページを、ストレスなく閲覧できる設計になっています。特に、ニュースコンテンツもうまくレスポンシブ対応されている点や、スマートフォンで利用した場合の導線の引き方がスマートでした。(スマートフォンではシンプルなナビゲーションになっており、扉ページを挟
僕がいっさい図面を見ないから、代官山 蔦屋書店ができた：日経ビジネスオンライン
日本製のモノが、サービスが売れない。性能はいいのに。機能も充実しているのに。壊れないのに。親切なのに。多くの日本企業が直面している、「いいモノをつくっているのに売れない」問題。 なぜ、売れない？ それは、日本製品の多くが、かっこよくないから。美しくないから。カワイくないから。気持ち良くないから。つまり、デザインがなっていないから。 どうして、デザインがなっていない？ それは、経営者がデザインのことをわかってないから。つまり、経営者が「ダサい」から。だから、デザインをマネジメントできない。 経営者がダサいと、日本企業はつぶれる。では、どうすれば、デザインをマネジメントできるのか？ どうすれば、かっこいいを、美しいを、カワイイを、気持ちいいを、商品化できるのか？ どうすれば、ダサい経営から、デザインできる経営に転換できるのか？ ifs未来研究所所長の川島蓉子が、時代を切り開く現役経営者やデザイ
ばかにできない思い込み・未来を変える10の自己暗示とその方法
人は日々、自分自身に自己暗示をかけています。と聞くと「いや、まさか…」「そんなことはしてない…はずだ」「ありえない！」と思われる方もいらっしゃるのではないでしょうか。 実はこれ、本当なんです。そもそも自己暗示とは何でしょうか？辞書を引いてみましょう。 “自分でそう思い込むことによって、それが既定の事実であるかのような意識を生じること。” goo辞書より …なんだか恐ろしいですね。事実ではないのに、事実だと思い込んでしまうということなんですよ？つまり、自分で未来を決めてしまっているということなんですね。 どうせなら、より良い未来を創りあげていきたいもの。そんなあなたの為に、今日は未来を変える方法についてお伝えします！ 自分の理想とする未来を描く あなたはいったいどんな未来にしたいですか？と、いきなり聞かれても困るかもしれません。ちょっと質問を具体的にしましょう。 10年後、どんな生活をしてい
制作途中にお世話になる、ダミーテキスト・ダミー画像のジェネレーターいろいろ
2021年10月21日 便利ツール Webサイトや印刷物の制作中には、とりあえずで入れておく「ダミー」を使用する事が多々あるかと思います。日本ではアタリ・アテなどとも呼ばれますね。それらのダミーテキストやダミー画像を便利に生成してくれるジェネレーターをいくつか紹介します。いろんな種類のジェネレーターやサービスがあるので、うまく利用して時間短縮しちゃいましょう！ ↑私が10年以上利用している会計ソフト！ ダミーテキスト（英文） Lorem Ipsum ダミーテキストの大本命、Lorem Ipsum。Photoshopでも採用されている、「Lorem Ipsum…」から始まる有名なダミーテキストを生成できます。 Dummy HTML snippets for webdesigners HTMLタグ付きのダミーテキストのジェネレーター。左の要素を右側にドラッグ＆ドロップでカスタマイズできます。類
デザイナーもエンジニアも幸せになれるiOS画像の書き出し方 | keisuke.tsukayoshi
前回iOSアプリのデザイン指示書についての記事でも少し触れましたが、iOS開発の画像素材の書き出しはデザイナーが担当するのが一般的なようです。しかし実際にコードを書けない多くのデザイナーにとっては、どんな画像をどのように書き出せばいいのか不安になってしまうことも多そう。 というわけで今回は、主にアプリデザインの経験のないデザイナーさんに向けた簡単なtipsと、最後にちょっとグレーだけど使い所によっては効率があがるぼくなりの手法も少し紹介してみたいとおもいます。 基本的なこと デザインは横幅640ピクセルで作る 基本的なところですね。後述しますが、Retina対応したiPhoneとそうでないもののふたつの解像度の画像が必要になるのでどちらも兼ねるこの解像度で作ります。 非Retina端末のために半分のサイズの画像も用意する 実際にXcodeでの開発は横幅320pxをベースに実装するので、もと
ソシオメディア | メタファからイディオムへ
「フラットデザインはUIを進化させるか」では、フラットデザインの特徴を述べると同時に、これからUIが進んでいくであろうモードレスデザインとの関係について触れました。 今回はその裏にある、UIデザインの本質的な要素の捉え方について、メタファとイディオムという観点から掘り下げてみます。またそこから導かれる、開発プロジェクトにおけるUIデザインの位置づけについても考えてみます。 スキュアモーフィック → フラット フラットデザインと呼ばれる平面的で抽象的なUIのビジュアル表現は、装飾的で写実的なスキュアモーフィックデザイン（現実の物の形や質感を模した表現）に対するカウンターとして注目されています。 つまり、「スキュアモーフィックからフラットへ」というトレンドの変化です。 フラットデザインは、単に見た目に新鮮であるだけでなく、UIオブジェクトから例えばドロップシャドウ、テクスチャ、境界線といった装
感覚派デザイナーも知っておいて損はない「デザインの要素と原則」 | WebNAUT
「あなたは感覚派デザイナー？それとも理論派デザイナー？」 このような質問をされると、理論派デザイナーだと答えたくなる理系出身デザイナーのタカハマです、こんにちは。 今回は、そんな理屈っぽい私の大好物である「デザインの要素と原則」をご紹介したいと思います。理論派デザイナーの方はもちろん、感覚派デザイナーの方も知っておいて損はないですよ！ 「デザインの要素と原則」はビジュアルデザイン全般に活用できる Webデザインに限らず、ビジュアルデザインの基礎を学ぶ上で、大変参考になる「デザインの原則」というものがあります。いわゆる「Design elements and principles（デザインの要素と原則）」や「Gestalt principles（ゲシュタルト原則）と言われる原則で、デザインの構成要素や要素同士の関係性が全体に与える影響をまとめたものになります。 調べてみると識者によって分類や
サービスデザイン―無形をデザインする - UXploration
サービスデザインを最近勉強しています。 サービスデザインは「インタンジブル（無形）のデザイン」とも置き換えることができます。特徴は、サービスとユーザ間のタッチポイントを形成するステークホルダーや利用文脈をデザインすることに焦点をあてていることです。 つまり、エンド・ユーザ観点で語らてきたエクスペリエンス・デザインの文脈にエンタープライズ（企業や事業が提供するサービス）の観点が加わりました。今年春に日本で初めてのサービスデザインをテーマとするカンファレンス Serivce Design Japan Conference 2013 が開催され、当イベントの基調講演にて Service Design Network の発起人である Birgit Mager 氏は言いました。 Service Design aims to ensure service interfaces are useful,
Adobe製超軽量！！レスポンシブCSS フレームワークTopcoat
Adobe製超軽量レスポンシブフレームワークTopcoat デザインしたくないシリーズ、第二弾！最近とっても気に入っているレスポンシブフレームワークTopcoatを紹介します。 Topcoatとは TopcoatはAdobe製のレスポンシブフレームワークで、最大の特徴がとにかくめっさ早い！ってこと。 jQueryMobileを使ってよくスマートフォンサイトを作っていたのですが、「いかにもjQuerymobile」感があったり、重い、デザイン上のカスタマイズがしずらいというものがありました。 ところがどっこい、Topcoatはとにかく軽く、さくさく。フレームワーク元のデザインも「今風」なフラットでシンプルなデザイン。 シンプルだから、後からカスタマイズも非常にしやすいのが特徴です。 流行りのフラットなデザイン ボタンやフォームの一つ一つがフラットで洗練されたデザインというのも特徴で、シンプル
FINDJOB!終了のお知らせ | FINDJOB!
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
PNG EXPRESS | Automated Design Delivery for Photoshop
The fast, precise, and repeatable way to export assets & specs from Photoshop Buy Now for $29 Works on Mac (intel) and Windows with Photoshop CC2014 to 2024 (*) Design delivery, fast-tracked. PNG EXPRESS is a Photoshop® plug-in that slices and exports your PSD document to individual PNG, JPG, & SVG assets, and generates matching design specifications with concise information on sizes, distances, f
ネガティブでいると人生が行き詰まる理由、ポジティブでいると開けていく理由 | ライフハッカー・ジャパン
ポジティブシンキングを頭から否定する人はいません。けれど、「ポジティブシンキング」という言葉は、聞こえが良いばかりであいまいなので、軽視されがちなのが実情です。現実の世界では「労働倫理」とか「粘り強さ」といった言葉ほど重視されていません。ですが、そういう見方を変えるべき時が来ています。 研究によってだんだんわかってきたのですが、ポジティブシンキングというのは単に「ハッピーである」とか「前向きな態度を示す」とかだけのことではないのです。ポジティブな考え方をすることで、生活の中に本物の価値が生まれます。単に笑顔を作れるようになるだけでなく、もっと長続きするスキルも身につきます。ポジティブシンキングが仕事や健康、生活に与える影響について、さまざまに調べているすぐれた研究者たちがいます。バーバラ・フレデリクソン（Barbara Fredrickson）氏もそのひとりです。 Fredrickson氏
使えるとレスポンシブWebデザインに便利なCSS
デフォルトのボックスモデルでは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でガターの幅
ファッションEC系サイトが大成功を収めたたった1つの要因とは？｜ネットコンシェルジェ
2009年にニューヨーク市在住のJennifer Carter Fleiss氏（写真左）とJennifer Hyman氏（同右）が開設したRent The Runwayは、一般女性ではなかなか手が出せない高級ブランドのドレスやバッグ、アクセサリーをレンタルするECサイト。不況の時代のニーズをとらえて成功した。 だが、試着をしないと自分に本当に合うのか不安という女性も多い。そこで、このサイトはそんな女性たちのために、他のファッション系ECサイトがやっていなかったアプローチを今年の10月から導入し、さらに売り上げを伸ばしている。 以下では、話題の多いこのサイトについてレポートする。「今はドレスのレンタル業を始めるのにベストのタイミング」 サイトを正式にオープンする1年前、休暇で実家を訪れたHyman氏は、結婚式に招待されていた妹が「ゴージャスなドレスを着て出席したいが給料の大半を費やすべきか？
8 Beautiful and Free Flat Icon Sets
Freebies 8 Beautiful and Free Flat Icon Sets Henry JonesApril 23, 20137 Comments03.3k For the past few years in web design, we’ve noticed a trend in moving toward simplicity and minimalism. It seems that designers are realizing that you don’t have to over design something just because you can, or because you have the software to do it. It’s become more about the content and less about the design e
Browser Mock-up PSD's - Designers Toolbox by Mohunky
Web Browser PSD's Web page mock ups in a PDF or printed document always look so much better wrapped up in a browser window. And of course, it helps the client visualise how the final product will look. I don't put every mock up in a browser, sometimes its easier and more worthwhile to set the preview up in a quick HTML file, but I do use browser mock ups often enough to warrant having at least one
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
事例紹介 | 株式会社インフォバーン
http://joshnh.com/tools/em-baseline-generator.html
http://dresscording.com/blog/svg/retina_svg.html