Mantiddesign - mantiddesign.com - mBlog
General Information:
Latest News:
[Funny] GIF DANCE PARTY – Gifアニメーションを使ったダンスフロア 27 Aug 2013 | 08:31 am
みんな大好きGifアニメを使ったダンスフロア。Gifをステージ上に配置するだけというちょっと電波なコンテンツ。Dancefloorで背景変更、Dancersのプルダウンからダンサーを追加、Musicのプルダウンから音楽選択（一時停止も可能）、フロアのダンサーをクリックすると、大きさの変更や移動、前後の配置などを指定できます。えっと、それだけです。けどなんか夢中になってあれこれ置いてしまいます。数を...
[CSS3] 20 Free Open Source CSS3 User Interface Kits – コーディング済みのUIキット 27 Aug 2013 | 08:31 am
ボタンや各種フォームパーツなどを含むUIキットをまとめた記事。これ系のUI素材でよくあるPSD形式ではなく、すでにコーディングされたソース一式として配布されている点が特徴。それぞれの装飾はCSS3でされているようです。どの作例も作りこみが丁寧で、ソースコードからサクっと導入ができそうです。UIパーツ類どうしよっか、って時なんかにナイスです。 20 Free Open Source CSS3 Us...
[UI Design] The best free iOS 7 resources on Dribbble – iOS 7向けUIデザインのリソースまとめ 26 Aug 2013 | 09:44 am
iOS 7向けUIデザインのためのリソースをまとめた記事。ソースはDribbbleから。アイコン、Appモックアップ、ユーザーインターフェースの3つのカテゴリに分けて紹介されています。iOS 7はフラットデザインとは言われてるけど、実際どう新しいOS純正のUIのに合わせて行けばいいのか、そのへんの参考になる作例がいっぱいあります。まぁAppによっては以前からフラットデザインだったものも結構あります...
[Design Gallery] GraphicBurger – 様々なデザイン作例を扱うギャラリーサイト 26 Aug 2013 | 09:44 am
様々なデザイン作例を扱うギャラリーサイト。タイポグラフィー、UIデザイン、アイコン、印刷物、MobileAppモックアップ、テクスチャなど色々あります。グリッドレイアウトで様々な種類の素材が混在してますが、サイト上部のメニューからカテゴリごとに抽出できます。紹介されている作例の質が高く、ネタ調としてなかなか素晴らしいんじゃないでしょうか。ナイスです。 GraphicBurger
[CSS] Tridiv – ブラウザ上で動作する3D CSSエディター 23 Aug 2013 | 10:49 am
ブラウザ上で動作する3D CSSエディター。3D CGのモデリングツールではあるんだけど、以前紹介したTinkercadとは違い出力先がCSSという点が個性的なエディター。動作するのはSafariとChromeだけなので、Webkit系のブラウザを対象としたツールという位置づけ。この2つカバーできるならほとんどのスマホに対応できますね。サイト内にはサンプルが用意されているので、まずはそれらを開くの...
[UI Design] The iOS Design Cheat Sheet – iOS 7におけるUIデザインのチートシート 22 Aug 2013 | 08:30 am
iOS 7におけるデザイン制作に役立つチートシート。まずは各種iPhoneのハードウェア詳細について。ディスプレイのサイズや解像度、色傾向の寒暖、アイコンのサイズについて紹介されてます。次にiOS 6以前と比べてアイコンのシェイプがどう変わるかについて。角丸のRがちょっと大きくなってるんスよねこれ。最後にステータスバーやタブバーなどのUIパーツのサイズについて解説されてます。7になってどこがどう変...
[Material] Agile Designers – 様々なデザイン素材を扱うギャラリーサイト 22 Aug 2013 | 08:30 am
グラフィックデザインやUXデザイン、Webデザインなど、様々なデザイン素材を目的別に整理して紹介しているリソースサイト。実はこのページ以前から知ってはいたんだけど、扉絵がなんだか微妙であまり見る機会がありませんでした。けどたまたま見たら紹介されている素材の量が多く、また効率的に整理もされているので「あ、これ便利だわ」とか思いました。パっと見の印象で判断しちゃイケませんねｗ デザイナーの素材探しの場...
[Freebie] 150 Free Photoshop PSD Files – フリーで配布されているPSD素材150選 21 Aug 2013 | 08:50 am
フリーで配布されているPSD素材をまとめた記事。150個紹介されてるので、最後まで見るだけでも大変です。素材の種類としては、UIパーツ、Webデザインテンプレート、ガジェットなどのオブジェクト類、ボタンやナビゲーションメニュー、スライダー、ページング用のデザインパーツ、印刷物のモックアップ、アイコン、フォームパーツなど。様々な種類の素材がわりと雑多に紹介されてます。他人のデザイン案やレイヤースタイ...
[Typography] Type Hunting – リアルオブジェクトのタイポ作例を集めたギャラリーサイト 20 Aug 2013 | 07:49 am
印刷されたリアルなオブジェクトのタイポグラフィー作例を集めたギャラリーサイト。商品広告や製品そのものに印字されたもの、あるいは列車の側面に印字されたナンバーなど、デジタルデータではないレトロな作例ばかりが集められてます。普段特に注意していなければ見逃してしまいそうなちょっとしたタイポ作例が多く、改めて身の回りにはデザイン物が溢れてるんだなぁという事に気づかせてくれます。レトロな感じやヴィンテージ感...
[Misc] 20 Historic Black and White Photos Colorized – 歴史的な白黒写真をカラー化した作例 19 Aug 2013 | 07:56 am
白黒写真はあるけどカラー写真がまだない時代の写真を、今の技術で色を付けた作例が紹介されてます。1940年台までのものが多く、古いものでは1800年台の日本のお侍さんの写真なんかもあり、有名人だとアインシュタインとかマリリン・モンローとか出てきます。元々が色情報のない写真であるため作例によっては不自然な感じもするけど、なんつーか色が付くというだけで写真て急に活き活きとしてくるなぁと思いました。色を付...
