博多駅「マイング」の顔出しパネルを自宅に迎えた猛者現る 人々の顔ハメ続けて約8年、新たな居場所には仲間も
![いつの間にか、日本が「いらすとや」だらけになってる - Jタウンネット](https://cdn-ak-scissors.b.st-hatena.com/image/square/a3d3e6c288e119da8680a5ed00f9a1eb1688537a/height=288;version=1;width=512/https%3A%2F%2Fcdn.j-town.net%2Fthumbnail%2F2016%2Ftown%2Ftown20160923152019_large.jpg)
まちを歩くと、なにかとめにつく「HG創英角ポップ体」。ポスターや看板などあらゆる場所でみかける。 たまに、シリアスな注意書きの看板に、にぎやかでたのしげな雰囲気のポップ体がつかわれたりして、おもしろ写真としてネットで話題になったりする。 そんな「HG創英角ポップ体」をつくったひとはどんなひとなんだろう?
After hearing about the impact and success it had in Microsoft, I couldn’t wait to get my hands on prototyping in PowerPoint 2007. Amongst a few things Manuel Clement suggested a few weeks ago in his presentation about “wireframe prototyping with Office PowerPoint 2007”, was to create a toolkit of commonly used GUI components to copy and paste when designing the prototype screens. That’s what I se
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
二度目まして。デザイナーの野田です。 レスポンシブWebデザインについて、僕なりにまとめてみたのでご覧下さい。今回は、制作に関することではなく、最低限知っておかなければならないことの基本編になります。 独学でつまずいていませんか? Webデザインを効率的に学びたい、転職・就職を目指している、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。どんなスクールがあって、どんな内容が学べて、費用はどれくらいするのか、情報として持っておいて損はないはず。下記におすすめスクールを集めてみました! レスポンシブWebデザインとは 「レスポンシブWebデザイン」とは、PC、タブレット、スマートフォンなど、複数の異なる画面サイズをWebサイト表示の判断基準にし、ページのレイアウト・デザインを柔軟に調整することを指します。 現在はPCやスマートフォンなど、デバイス毎に各HTMLファイル
120種類のシンプルなデザインのアイコンが無料で使えるのが「Bitcons」です。色は赤や青、黄色、灰色など10種類、サイズは16×16、32×32、64×64の3種類が用意されていて、ファイル形式はGIFとPNGの2種類。小さなアイコンであってもはっきり図柄がわかります。そのほか、同じ作者の作ったいろいろなところで活用できるアイコン集は以下から。 Bitcons – 120 pixel icons in various sizes and colors—Some Random Dude http://somerandomdude.com/work/bitcons/ 大きさは64×64、32×32、16×16の3種類です。 制作者が分類した色は10種類。 ◆ブルー ◆ブラウン ◆シアン ◆グレー ◆グリーン ◆マゼンダ ◆オレンジ ◆レッド ◆タン ◆イエロー このほか、同じ作者のアイコン
Tweet "A Call to Action Regarding Healthcare"と題して、医療サービスにおけるユーザー体験をデザインの視点からどのように変革することができるかが考察されたUX Magazineの記事で、次のような興味深いグラフが紹介されていました。 (参照元:A Call to Action Regarding Healthcare | UX Magazine) 記事によると、このグラフはDon NormanとRoberto Vergantiによる論文からの引用で、ほとんどのUXの専門家による人間中心設計が単に漸進的な技術革命にしか寄与できず(グラフのAからBへの変化)、他方でより根本的なイノベーションは技術あるいは意味の根本的な変更(AからBの山から、CからDへのまったく異なる技術や意味への移行)を要求するというのです。 例えば、それはフィーチャーフォンからスマ
先日、TechCrunch にこんな記事が上がっていて、興味深く読みました。 どうやったら開発のコストを少なくできるか? 答え:コードを書かない開発者は新しいプロダクトを作るのに、まずはコードを書いて簡単なデモレベルのものをつくろうとする。だけど、彼はコードを「書く」前にもやることがあるという。たとえば紙によるモックアップだ。これだけでも十分な役割を果たすことがある。 (中略) 先にペイパーモックアップを作って(ウェブなら画像をブラウザーで見せるだとか)、それをもとにユーザーにヒアリングをして、そからフィードバックを得て実際に製品の開発にはいるんだそうだ。 私たちは「プロトタイプ」「ペーパープロトタイピング(紙でプロトタイプを作り、検証すること)」と呼んでいましたが、Forkwell の開発ではコーディングに入る前の1ヶ月あまり、ひたすらこのペーパープロトタイピングを行っていました。参考に
このところ、アプレッソの中でも、MIJS製品技術委員会でも、自分たちのソフトウェアのUX/UIをブラッシュアップしていくためにどんなことができるのかをディスカッションしている。 UX/UIデザインガイドラインとして各社の推奨する指針をまとめたものがWebで公開されているので、プログラマーであれデザイナーであれ、ソフトウェアの画面設計に何らかの形で携わるのであれば、基礎知識として主要なものには目を通し、プログラマーがデザインパターンの用語で手短にコミュニケーションが取れるのと同じように、「ここは○○ガイドラインの△△パターンを使うのはどうかな?」というような会話ができるようにしていきたいと思っている。 ■ Apple ・アップル ヒューマンインターフェースガイドライン ・iOSヒューマンインターフェースガイドライン(PDF) ・iPadヒューマンインターフェースガイドライン(PDF) ■ M
TOP > Design > 立体感のあるUIが手軽に利用できるフリーUIキットまとめ「New Creative UI Kit Free Download」 webサイトやスマートフォン特有のUIデザインは、視認性とクリエイティブ性の両方が求められるクオリティのパーツ制作が必要不可欠となってきます。そこで今回は、立体感のあるUIを手軽に利用できるフリーUIキットをまとめた「New Creative UI Kit Free Download」を紹介したいと思います。 Simple UI Kit – Icon Deposit カラートーンの異なるUIキットが、いくつも紹介されています。中でも気になったものいくつかピックアップしましたので、下記よりご覧ください。 詳しくは以下 ■Vector UI Bundle – Icon Deposit シンプルなカラーリングのUIキットです。落ち着
2020年8月31日(月)をもちまして、nanapiに関わるすべてのサービスは終了いたしました。 nanapiは、2009年のサービス開始より「みんなで作る暮らしのレシピ」という考えのもと、ユーザーの皆さまに生活に関する様々な「ハウツー」を投稿していただく投稿型ハウツーサービスとして運営してまいりました。 約11年間にわたって皆さまからご支援をいただきサービスを継続できたこと、nanapi編集部一同、心より御礼申し上げます。 掲載されていたコンテンツなどのnanapiについてのお問い合わせは、nanapi@supership.jp までお願いいたします。 長きに渡りnanapiを応援してくださり、本当にありがとうございました。
たくさんUSBメモリを使用してもUSBポートを無駄にしないデザイン。 USBなので最大で127個接続できるのかな? 上のように用途別で保存するってのも面白いかも。 ■ Hyunsoo Song// Amoeba Modular USB Flash Drive
Tweet ミース・ファン・デル・ローエのファンズワース邸 あなたが手にしているiPhoneには、どれだけ工夫が詰め込まれているのだろう。 神は細部に宿るという言葉がある。God is in the details. 語源は様々な説があるが、建築家ミース・ファン・デル・ローエの言葉だと言われている。 ミース・ファン・デル・ローエは近代建築家の巨匠で、シンプルを良しとしながらディテールにこだわる、ミニマリズムを提唱した。接合部のデザイン、サッシと枠、鉄骨の見え方など、いかにシンプルに、綺麗に見せるかを考え抜いた。 スピーカーの位置 iPhoneのスピーカーは本体の底についている。本体をテーブルに置いても、スピーカーを塞がないよう工夫されている。ここしかない位置だ。 1ピクセルのこだわり iOS5で、回転アイコンのシャドウが3pxから4pxになったそうだ。より立体的に見えるようになっている。ま
こんばんは、やる夫です。 はっぱ君と同じくクシャミが止まりません。秋の花粉症なのかな? 何だか急に寒くなってきたみたいで、体調もイマイチです。 さて、皆様はグッドデザイン賞はご存知でしょうか? 年に一度デザインが優れた物事に贈られる賞であり、日本で唯一の総合的デザイン評価・推奨の仕組みです。 今年度も受賞が決定した商品が続々と発表されています。 私自身も商品を選ぶ時に、グッドデザイン賞とわかるとついつい安心して買っていたし、 デザインに優れてる人気商品が投票で決められるものだと何となく思っていました。 つい最近もサニタリー商品のカタログを見ていたりすると、グッドデザイン賞のものがあったり、 家で使おうと思ってるインテリア用品なんかでもよく見かけます。 そして我が住友林業も平成23年には… 「ビッグフレーム構法」 「地震エネルギー吸収パネル」 「駒沢第二展示場」 の3項目にてグッドデザイン賞
A collection of Fully vector base more than 500 web icons, easy re-sizable and color can change through layer style. Some of them have recreated for web & graphic designers daily use in their design. File Resolution: 1024 × 3100 File Format: PSD ( vector ) Keywords: Business graph, pie chart, business board, icon, PSD, Photoshop, web icons, web2.0 style, designer icon Size: 3.63 MB (zip)
こんにちは、デザイナーの長谷川です。 今回は僕が普段気をつけている、ちょっと意識するだけでスッキリしたデザインになるレイアウトのコツをご紹介します。 デザイナーじゃない方も、企画書や簡単な UI のモックアップ、Web や雑誌のレイアウトなどに応用できると思いますので、ぜひ参考にしていただければと思います。 1. 上下左右のマージンを均一に Web デザインや UI デザインの要素全てに対して隣り合う要素との間隔やバナー、ボタンなどの外側と内側の要素の上下左右マージンをできるだけ均一にすることで、デザインがスッキリ見えます。 2. 内側のマージンは外側のマージンより狭く レイアウトなど一番外側とコンテンツの間隔より文章のかたまりや画像同士の間隔を小さくします。基本的にコンテンツのまとまりを作るためですので、デザインによっては広く取って区分ける場合もあります。 3. 段落の下は間隔を広く開け
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く