「iOS 7」にまだ慣れない人のための“基本ワザ10選” （ITmedia PC USER） - Yahoo!ニュース

2013/09/22 279 users 初代iPhone USER アップル ティム・クックCEO

アップルは新モバイルOS「iOS 7」のアップデートを2013年9月19日（日本時間）に開始した。iOS 7は「初代iPhoneを発売して以来の大規模アップデート」とティム・クックCEOが語るように、立体感のないフラットデザインを採用し、100以上の機能を追加するなど、見た目も中身も大きく変わっている。 【各設定手順の画像】 　画面の下から上へスワイプすることで現れる「コントロールセンター」や、新... 続きを読む

ズルいデザイン（3）：box-shadowで表現する、「セミフラット」なズルいデザインテクニック (1/2) - ＠IT

2013/08/21 568 users box-shadow 描画 皮切り 組み合わせ トレンド

box-shadowを活用した各種ボックス表現の作り方を紹介。フラットデザインの中でも違和感なく使える「やりすぎていない立体感」とは？ 世の中、フラットデザイン流行りですが…… iOS 7がフラットデザインを採用したのを皮切りに、Webデザインのトレンドがフラットデザイン一色になってきましたが、立体感を完全に排した色面と空間、シンプルな描画の組み合わせだけのデザイン表現は、ある種ごまかしが効かず、... 続きを読む

Illustratorの光彩（内側）の機能を使ってちょっと立体的なアイコンを作る方法

2013/05/19 92 users Illustrator シャドウ オブジェクト 不透明度 内側

Illustratorの光彩（内側）の機能を使い、その上に重ねた塗りのグラデーションの不透明度を調整することでオブジェクトの下半分にシャドウをつけ、立体的に見せる方法です。同じ設定のグラデーションを複製し、下にくる色の不透明度を0%にするという簡単な方法ですが、様々な場面で使うことができます。Illustratorの[光彩（内側）]の機能を使い、簡単に立体感を出す方法を紹介します。 ちょっとしたシ... 続きを読む

「アイアンマン3」が動き・風・水しぶき・香りを体感できる4DXシアターで上映実施へ - GIGAZINE

2013/04/18 40 users GIGAZINE イスラエル 水しぶき メキシコ 圧力

立体感を味わえる3Dを越え、動き・風・水しぶき・香り・泡・煙・エア(圧力)・閃光まで感じられるという体感型の4DXシアターで、映画「アイアンマン3」が上映されることになりました。4DXは韓国・中国・タイ・ロシア・メキシコ・イスラエルなどで展開されていますが、日本では名古屋市にあるコロナワールドに初設置。アイアンマン3が日本初の4DX上映作品ということになります。 映画は3Dのその先へ。『4DX』｜... 続きを読む

Twitter、Facebook(アプリ)のデザインから学ぶ立体感のつけ方 | Arch

2013/04/10 205 users twitte ARCH Twitter Facebook 本物

TwitterやFacebookのデザインを良くみてみると、立体感のつけ方に一工夫あるのがわかります。（現在のデザインになってからだいぶ経っており、今更な感じですが…）その立体感のつけ方が洗練されていて良いなぁと思ったので、どのように作られているかをまとめてみました。 再現PSDデータをダウンロード ※アイコンは本物と異なっており、形の近いものを使っております。ご了承ください。 1. Twitte... 続きを読む

【画像】驚くべき立体感と精細さ。クリスティーナ・リハンのペーパーアート13枚

2013/01/20 11 users やじ 彫刻 バージニア大学 精細 ペーパーアート

紙を切り、曲げ、立体的に重ねて作り上げたクリスティーナ・リハンによるペーパーアート作品13枚。 バージニア大学で建築学を学んだという彼女の作品は、とてもリアルで立体的で、とにかく驚くほど精細。 ヤシの木や彫刻などの部分もリアルだし、建物以外のペーパーアートを作らせても凄そうだね。 続きを読む 続きを読む

TVアニメ『進撃の巨人』PV公開！立体機動のスピード感と立体感凄くてかなり期待できそう:萌えオタニュース速報

2012/12/08 12 users 立体機動 巨人 萌えオタニュース速報 立体感 TVアニメ

転載元 http://kohada.2ch.net/test/read.cgi/ymag/1353733898/ 　　　／￣￣＼ .　　　.／　　　_ノ　 ヽ 　　　 | 　　　（ ●) (●) 　　　 | 　 　 　（__人__） 　∫ 　　　 |　　　｀⌒´ﾉ　∬　　　まるで映画のような気合の入りようだ .　　　ヽ　　 　 　 　　} |￣|　　　これだけ動いて魅せてくれるとか期待して待ってお... 続きを読む

クールな円形メニューをピュアCSS3で実装するチュートリアル:phpspot開発日誌

2012/09/21 50 users チュートリアル phpspot開発日誌 円形メニュー フル

The Creation of a CSS3 Clickable, Rotating Menu | InsertHTML クールな円形メニューをピュアCSS3で実装するチュートリアル。 クリックすると回転したり良い感じに立体感が出ていたりアニメーションしたりCSS3の機能をフルに使った円形メニュー。 奇抜なメニューであっと驚かせたいという場合に使えそうです デモページ メニューアイコンもしっかり回... 続きを読む

独特の立体感とシュールさを味わえる、多重露光で撮影された印象的な写真 : カラパイア

2012/07/01 37 users カラパイア 多重露光 フィルム カメラマン 多重露光撮影

独特の立体感とシュールさを味わえる、多重露光で撮影された印象的な写真 2012年07月01日 | コメント(0) | 画像 | サブカル・アート | # 多重露光撮影は、1枚のフィルムに複数回露出することで通常の写真とは違った面白い効果を得られるというもの。この多重露光撮影により、独特の世界観を演出した2人のカメラマンの作品を見てみることにしよう。 Brilliant Multi-Exposure... 続きを読む

Photoshop VIP ☞ 保存しておきたい、色鮮やかな100+個の無料グラデーション素材ファイルまとめ

2012/06/29 365 users Photoshop Vip グラデーションツール 立体感

海外デザインブログiPSDで、さまざまなデザイン制作に対応する、Photoshop無料グラデーションを100+個まとめたエントリー「100+ Free Sets of Photoshop Gradients」が公開されていたので、今回はご紹介します。 グラデーションツールを利用することで、味気ない背景デザインにより立体感を与えたり、ボタンなどのインターフェースカラーなど幅広い用途に活用することがで... 続きを読む

立体感がリアルなON・OFFスイッチ実装jQueryデモ:phpspot開発日誌

2012/05/24 39 users phpspot開発日誌 立体感 関連エントリ CSS3 かなり

jQuery Fancy Switch | Papermashup.com 立体感がリアルなON・OFFスイッチ実装jQueryデモ。 CSS3でやっているわけではなく、画像を切り替えているだけなのでそこまで驚くことではないかもしれませんが、かなり分かりやすいデザインであることは言うまでもなく、更にオシャレなデザインとなっております つい押したくなってしまうようなデザインですね 関連エントリ iP... 続きを読む

ちょっと巻くだけで断然オシャレ！ “ヘアアイロン”使いこなしの基本 - BEAUTY - X BRAND

2012/04/26 237 users ヘアアイロン オシャレ BEAUTY - X BRAND

アイロンの持ち方や巻き方によってカールの向きが変わります。MIX巻きすれば立体感やボリューム感もアップ。まずは基本の3つを覚えて、いろいろなアレ ンジにトライしてみて。 続きを読む

立体感のあるボタン風アイコンセット「SweetiePlus」:phpspot開発日誌

2012/04/18 12 users アイコンセット Uicons phpspot開発日誌 汎用

Sublink Interactive The SweetiePlus icon set. 立体感のあるボタン風アイコンセット「SweetiePlus」 次のような１２０個のアイコンセットがダウンロード出来ます。 立体感がありますがシンプルで汎用に使えそうなデザインになってますね。 24x24, 16x16 のサイズが入ってます 関連エントリ アプリ等に使えそうなアイコンセット「Uicons」 オ... 続きを読む

CSS3で作られた雲の立体感がやばい | IDEA*IDEA

2012/03/25 135 users IDEA jQue イラストレーター特訓 iPhone関連

カテゴリー別 Adobe関連 (49) イラストレーター特訓 (44) Android関連 (40) Apple (234) Apple関連 (136) iPhone関連 (60) ひとりStartMac (46) CakePHP関連 (52) Facebook関連 (33) Firefox関連 (48) Google関連 (193) GTD関連 (18) HTML5/CSS3 (28) jQue... 続きを読む

立体感のあるUIが手軽に利用できるフリーUIキットまとめ「New Creative UI Kit Free Download」 | DesignDevelop

2012/02/06 257 users 視認性 クオリティ UIデザイン 両方 クリエイティブ性

立体感のあるUIが手軽に利用できるフリーUIキットまとめ「New Creative UI Kit Free Download」 webサイトやスマートフォン特有のUIデザインは、視認性とクリエイティブ性の両方が求められるクオリティのパーツ制作が必要不可欠となってきます。そこで今回は、立体感のあるUIを手軽に利用できるフリーUIキットをまとめた「New Creative UI Kit Free Do... 続きを読む

気になった設定画面デザイン | Cocoaの日々情報局

2012/02/06 38 users Cocoa beta settings 質感 アイコン

気になった設定画面デザイン Published on 2012年2月6日月曜日 Leave your thoughts » Tweet pttrns より。 Settings / iOS UI Patterns (beta) アプリの雰囲気に合わせてテーブルセルも立体感と質感があるものに。 下のグループはアイコンが２段抜き。 フローティング風 完全フローティング ゲーム並みの凝りよう こちらも凝っ... 続きを読む

HTML5で美麗なページめくり効果が作れるJSライブラリ「turn.js」:phpspot開発日誌

2012/02/06 724 users JSライブラリ phpspot開発日誌 turn.js

turn.js - The page flip effect for HTML5 HTML5で美麗なページめくり効果が作れるJSライブラリ「turn.js」 ドラッグ＆ドロップでべらっとめくるあのインタフェースがHTML5で実現でき、iPadやiPhoneなどでも動作します。 電子書籍ビューアとして使えそうですね ページに立体感を出すために影なんかも描画されてます。 マークアップや初期化も超簡単で... 続きを読む

【本田雅一のAVTrends】進化する「2D-3D変換」が3D映画の世界を変える -AV Watch

2011/12/01 26 users AVTrends 本田雅一 向こう側 変換 テレビ内蔵

本田雅一のAVTrends 進化する「2D-3D変換」が3D映画の世界を変える 「変換」から「再創造」へ 「2Dの映像から3Dを生み出す」。 ほとんどの3Dテレビに付いている機能だが、これを“頻繁に使う”というユーザーは、おそらくほとんどいないと思う。 テレビ内蔵の2D-3D変換は ほとんど効果がない。あっても窓枠の向こう側に立体感のない世界が拡がるだけ 立体感はあるけど、間違いだらけ。前後関係が... 続きを読む

リッチに見せるデザインテクニック。美しいぼかしで魅せる 『MAX 塗り』のすすめ。 (フェンリル | デベロッパーズブログ)

2011/11/11 1305 users ガンプラ プラモデル 奥行き フェンリル 長谷川

こんにちは、イメージ担当の長谷川です。 今回は 1px にこだわったリッチな Web や UI デザインを更に立体的で奥行きのある雰囲気にする『MAX 塗り』を取り入れたグラフィック作成手法をご紹介します。 ところで『MAX 塗り』ってご存知ですか？ガンプラなどが好きな方はピンと来たと思いますが、プラモデルなどに興味がない人は全く分かりませんね。 『MAX 塗り』とはプラモデルに立体感を出すために... 続きを読む

立体感がすごいと評判！地面にチョークで描かれた「レゴの軍隊」:らばQ

2011/11/09 41 users チョーク レゴ 軍隊 地面 評判

立体感がすごいと評判！地面にチョークで描かれた「レゴの軍隊」 先週末に、アメリカ・フロリダ州のサラソータでチョーク・フェスティバルが開催されました。 道路に描かれた数多くの作品の中で、立体的なレゴの軍隊がすばらしいと話題になっていたものをご紹介します。 他の背景と比べるとそこだけ異色の世界。 レゴというとカラフルな色のキャラクターが多いですが、レンガ一色の質感がとてもいい味を出しています。 そして... 続きを読む

12万のRCAケーブルが見た目も宣伝文句もヤバい : オレ的ゲーム速報＠刃

2011/10/30 12 users 宣伝文句 残響 分解能 ケーブル 見た目

193 名前：名無しさん必死だな投稿日：2011/10/30(日) 07:57:53.43 ID:OKmuHjk00 12万のRCAケーブルが見た目も宣伝文句もヤバい AMETHPLE http://tmd.muse.bindsite.jp/pg330.html その立体感、奥行感、残響、分解能、定位感、全て上々 そして聴きやすい このケーブルで音楽を聴くと言う事は 上質な時間を味わうと言う事だ ... 続きを読む

3Dの立体感が面白いソーシャルアイコンセット:phpspot開発日誌

2011/10/28 15 users phpspot開発日誌 立体感 CTR アイコン 検索エンジン

Isometric 3D Social Icons Set | Social Icons - Pixeden 3Dの立体感が面白いソーシャルアイコンセット 検索エンジンにまで影響を与えるということで、ソーシャルサイトの重要度は今後も上がっていく気がしていますが、シェアしてもらうためのボタンの目立ち度なんかも重要かもですね。 立体感のある次のようなアイコンでよりCTRが上がったりするかもしれません。... 続きを読む

本人そっくり!?　リアルマスクの開発に日本のベンチャー企業が成功 : ギズモード・ジャパン

2011/10/24 25 users ギズモード 一部分 サイエンス ガジェット ベンチャー企業

ガジェット（面白アイテム） , サイエンス , ニュース 本人そっくり!?　リアルマスクの開発に日本のベンチャー企業が成功 2011.10.24 13:00 [0] [0] Tweet Check まるで顔の一部分を切り出したかのような立体感、リアル感は、ちょっと怖いです！ それにこの写真をみてください。左の2枚の写真、どちらも本人に見えませんか？ 本当にパッと見だと本物と見分けがつかないくらいに... 続きを読む

古本に新たなる息吹が注ぎ込まれるジオラマ・ワールド、ミニチマな世界。:カラパイア

2011/08/19 23 users 息吹 カラパイア 古本 パルモ 既成

8月19日2011 古本に新たなる息吹が注ぎ込まれるジオラマ・ワールド、ミニチマな世界。 記事データ パルモ コメント(1) 画像 アニメ・キャラクター・アート # 本を切り抜くことで、新たなる一ページが刻まれるブック・スカルプチャー。飛び出す絵本のような立体感が、既成の本にあらたなる命を与えているかのよう。 ソース：Amazing Book Sculptures | Barnorama この本を... 続きを読む

Photoshopで立体感のあるボタンを作成する方法 / ウェブデザインライブラリー

2011/07/26 30 users ウェブデザインライブラリー Photoshop シェイプ

投稿日：2011年7月26日　　　レベル：初心者　　　ソフトウェア： このチュートリアルではPhotoshopで立体感のあるボタンを作成する方法を紹介します。 Step1 ： はじめに Step2 ： レイヤーを設定する Step3 ： ガイドを配置する Step4 ： ボタンの形状を描く Step5 ： 大きい方のシェイプへレイヤースタイルを適用する Step6 ： 小さい方のシェイプにレイヤー... 続きを読む