Androidアプリの魅力的なインターフェース〜本当にiOSアプリのデザインを流用するだけでいいの?〜
2024-05-22 SangoPlanning 2023-04-14 南の爪/ブルワーカーのトレーニング/その2 2022-10-08 企画の種/年号西暦早見表 2022-05-05 南の爪/マンダラートとマインドマップは同じコンセプト 2022-03-09 南の爪/LibreOffice活用術/Writerとアウトラインプロセッサ 2022-02-07 南の爪/「超」整理手帳、自作リフィル/夢展開編 2020-11-05 南の爪/ブルワーカーのトレーニング 2020-10-03 南の爪/「超」整理手帳、自作リフィル/2011年編 2020-06-22 南の爪/いま読むべき古典「知的生産の技術」 2020-06-02 南の爪/OpenOffice活用術/プレゼンでのノート表示
ハリウッドのSF映画に登場したPCのモニター画面はこれまで何を写してきたのでしょうか? The Vergeの記事『Tour Hollywood's craziest computer UIs, from '2001' to 'The Matrix'』によれば、WiredとWaxy.orgのライターでキュレーターでもあるAndy Baio氏が、様々な古い映画から集めたコンピューターのインターフェイスのスクリーンショットを1200枚以上公開してるそうです。 http://screen.waxy.org/screenshots/ 主な映画のタイトルはHackers, 2001, Alien, Jurassic Park, The Matrix, AI などなど。 『(ハリウッド)デザイナーが映画の一場面をさらに興味を引くように、"未来的"にするために取った、様々に異なった方法はとても魅力的です。
floatを解除する手法のclearfix と 次世代のレイアウトの話 2013-06-20 / 2013-06-30 2011年にclearfixについて記事を書きましたが、Micro clearfixなどの新しい手法も出てきました。 記事を書いてから2年が経ち、色々思うところも出てきたので、改めてclearfixについて書きます。 floatを解除するには CSSでレイアウトの構築を行う際に、よくfloatプロパティが用いられます。 しかしfloatを使用すると、「親の背景が表示されない」「下の段のレイアウトが崩れる」などのトラブルが起こりやすくなります。 floatプロパティの特性 親の背景が表示されない理由は、floatプロパティを指定しているボックスが浮動化し、通常のボックスのフローから外されることが原因です。 通常フローから外されたボックスは、親のボックスの高さを認識できなくな
2013年春の新作、Illustratorのチュートリアルをvector tuts+から紹介します。 チュートリアルはステップごと詳しいキャプチャ付きで、英語が苦手な人でも雰囲気は伝わると思います。
ユーザーインターフェイスが洗練されているアプリは、使っていて気持ちいい。ボタンの形、配置、配色、画面の遷移、アニメーション。これらのデザインと機能がマッチすると、多くの人に受け入れられるアプリになる。 今回はiOS、特にiPhoneのUIデザインを紹介したい。どれも触りたくなるものばかりだ。 Qiwy iOS/iPhone app curl test by Mikael Eidenberg UX/iOS/UI iPhone idea with video process by Cuberto Qiwy iOS/iPhone app switch and slider by Mikael Eidenberg Untitled iOS/iPhone synth app navigation by Mikael Eidenberg Iphone UI by Matthias Mayr Busin
PDFファイルをA4用紙に出力したものを折り紙のように折っていくだけで、簡単にぽち袋や祝い袋、CD・DVDケース、文庫本カバーなどが作れるネットサービスが「A4折形」。さまざまな色合いをした和風っぽいデザインのぽち袋やカバーがあり、お正月シーズンに役立ちそうです。 A4折形 http://www.a4orikata.jp/ 「作品」をクリック。 A4用紙から作ることのできる作品は、祝い袋、ぽち袋、CD・DVD用ケース、文庫本カバーの4種類です。 文庫本カバーをチョイスするとこんな感じ。ページ上部に和柄っぽいカラフルなカバーの写真がずらっと並びます。 こちらはぽち袋「襲ぽち・紅紅葉(かさねぽち・くれないもみじ)」 各作品ページには寸法や所要時間の目安のほか、難易度も書いてあるので参考になります。 印刷用データはPDFファイルの他、XLSファイルもアリ。 名入れや表書きはなくていい、もしくは手
最近になって、ひとつ気付いた事がある。 僕は仕事としてプログラミングやデザインをするのに向いていない。 一応、職業としてはソフトウェア・エンジニアという肩書きを持っており、 UI と UX を専門とする研究職という立場にはなっている。 プロジェクトの進行や状況に応じてプログラマー役、デザイナー役、ビジネスプランナー役をバタバタと切り替えているので、最近は「必要に応じてなんでもやってる感あるので、あんまり自分を専門家的に思えなくなってきたっていうかタダの小間使いでは」としか思えないのではあるが。 ”何か”を作りたい、成し遂げたいと思ってものづくりに取り組んでいない 他のプログラマー、エンジニアやデザイナーが、実際どうなのかは知らないけれど自身がプログラミングを独学で始めた時によく言われた事が 「何かやりたいこととか、作りたいものが無いのに覚えたり学ぼうとしても、効果は低く、あまり意味が無い」
Buy now $99 Glyphish Bundle More than 2200 outline and filled icons, plus Sketch files Great icons for everything Carefully crafted for iOS tab bars, toolbars, nav bars and table rows, Glyphish icons are also perfect for Android, Windows Mobile, websites, UI design, t-shirts, tattoos, stencils, stickers and much more. See a preview of all icon sets Try 50 for free Buy the bundle Ready for Retina E
今のウェブデザインの流行りは「レスポンシブ・ウェブデザイン」! 昨日、とあるアプリの紹介ページについて話し合っていたのだが、株式会社LIGのデザイナブログに書いてあった「必読!5分でわかる流行のレスポンシブWebデザインまとめ」に載っていた「NHKスタジオパーク」のレスポンシブ・ウェブデザインがイケイケすぎて感動したので、紹介する!これは本当にすごい!! まず普通に表示するとこんな感じ。よくある3コラムベースのウェブサイト。 少し幅を狭めると、下にあったコンテンツが右サイドバーに移動し、右サイドバーにあったコンテンツが下に移動した。 さらに狭めてみると、右のサイドバーが完全に無くなった。 さらに狭めると今度は左のサイドバーが消えた。 ブラウザの限界まで狭めてみると、各パーツの幅も狭まってこのような形に落ち着いた。 これを試している時、各要素の動きがあまりにも滑らかでものすごく感動した。皆さ
ローソンが展開するオリジナルスイーツブランド「Uchi Café SWEETS(ウチカフェスイーツ)」は10月2日(火)から、パッケージデザインに記載されていた価格を“音符”に変更しました。「ド」から「1オクターブ上のミ」までの音符に数字を割り振り、該当する数字の音符を記載することで価格を表現しています。 ▽ ウチカフェ|ローソン研究所 ▽ Uchi Café SWEETS全品パッケージを一新 | ニュースリリース | 会社情報 | ローソン ウチカフェスイーツでは、プレミアムロールケーキなどの「プレミアムシリーズ」をはじめ、和菓子系の「あんこやシリーズ」や定番スイーツの「カジュアルシリーズ」を販売しています。10月2日からは全商品のパッケージデザインを一新し、裏面には価格のヒントを音符で表現するという「額譜(がくふ)」を取り入れました。今後、従来の価格表記は店頭のプライスカードでのみ表示
日本では電気シェーバーや電動歯ブラシが有名なドイツの家電メーカ「ブラウン」ですが、他にも非常にデザイン性の高いラジオや電卓、スピーカー等の製品も作っています。特に50年ほど昔の製品が現代のアップル製品に多大なる影響を与えているようです。 ブラウン社製品の非常に美しいデザインは伝説的なデザイナーであったディーター・ラムス氏(1998年に退社)が手がけたもの。「より少なく、しかしより良く」との考えのもとデザインアプローチを行なっており、現在も世界中の博物館で彼のデザインした数多くの製品が収集されています。 Apple社の製品は昔から外見の設計に大きな労力が払われていますが、特にジョナサン・アイブ(インダストリアルデザイングループ担当上級副社長)が手がけたアップル社のiMacやiPodなどのデザインは、ラムス氏から大きな影響を受けていることが指摘されています。当のラムス氏は「アップル社のデザイン
» これはスゴイ! 高校教師が昼休みにホワイトボードに描く絵が秀逸すぎて消すのがもったいないレベル 特集 ある高校教師がホワイトボードに墨汁で書きあげた絵があまりにも秀逸だと話題だ。しかも、昼休みの25分間という短時間で完成された絵は休み時間が終わると消されてしまうため、その儚さが見る人をさらに魅了しているという。 アーティストとしても活動しているグレゴリー・ユークリッドさんは米ミネソタ州の高校で教師を務めている。昼休みを利用して学校のホワイトボードに絵を描くことを習慣としており、その様子の一部は動画「Taking Away (Laid Down & Wiped Away)」で確認することができる。 彼の画法はホワイトボードに墨汁で描くというスタイルだ。さらにペーパータオルや霧吹き、はけなどすべて学校にあるものを使って25分間で完成させ、その後絵は簡単に消されてなくなってしまう。 もともと
twitter のトレードマークである青い鳥が新しくなりましたね。前回のロゴよりも美しい曲線で描かれており、公式のプロモーションともに圧巻でございました、これこそデザインだわーっとね。 そんな感じで朝から影響を受けまして、どのように構成されて描かれているのか調べてみたら、Apple のロゴと同じくやっぱり黄金比で作られておりましたよというお話。 ツイッターの新ロゴデザイン登場。 皆さんおなじみの青い鳥がリニューアルしたとの どくさんからTL が流れてまいりまして、さっそくサイトにアクセス! Twitter / Logos & Brand プロモーションを見ていたら、『これはすごい!』っと朝から大興奮でございました。 前回のロゴに比べてスタイリッシュになりましたね。 Twitter、ロゴを変更--テキストをなくし、鳥のイラストも一新 - CNET Japan そんな新しいロゴはP
何故、エンジニアはUIのセンスがないのか、という自分にも当てはまるようなことについて書いてみる。 まずエンジニアがダメなUIを作ってしまう理由について、いくつかの仮説を立ててみる。 1.その画面を作るエンジニアは全てを知りすぎていて、もはやわからない人の気持ちがわからない説 2.エンジニアはITリテラシーは高いけど、自分ができることを人に理解できるように説明するのは下手説 3.技術的に実現する方に興味が偏って、ハナからUIの使い勝手に興味が無い説 4.国語力がない、自分が実現する文脈を表現するのはできるが、ユーザーの文脈に配慮した言葉を想像する力が無い説 5.仕様書を読まない、人の言う事を聞かない説。例えばOSが定めているユーザーインターフェースガイドラインに従わないので、UIパーツが意図した使い方をしておらず統一性に欠ける。 6.わかりやすい色や文字、レイアウトに関する知識が無い。センス
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く