2013年9月19日(木)、Apple Store Ginzaにて開催されたCSS Nite in Ginza, Vol.71「次世代のWebデザインへの2つのヒント」で解説したスライドです。Read less
実物に似た外観や質感の再現を目指したデザイン手法である「スキューモーフィズム」についてまとめた。さらにフラットデザインと比較することで、今後のスキューモーフィズムについて考えた。 スキューモーフィズムとは スキューモーフィズム(skeuomorphism)とは、別の素材に似せるためにデザインや装飾を行うことである。近年では主に、コンピューターシステムのUI(ユーザーインターフェース)において、実物に似た外観や質感の再現を目指したデザイン手法を指す。 skeuomorph(スキューモーフ)+ism(状態、行為、主義など)=skeuomorphism(名詞) skeuomorph(スキューモーフ)+ic(〜に関する)=skeuomorphic(形容詞) スキューモーフと重なる概念 メタファー 暗喩、類推させること。 ミメーシス 真似る事、似せる事。自然の模倣、価値のある物の模倣。 アーキタイプ
最近「フラットデザイン」という言葉をよく耳にする 。 このデザインスタイルは、グラデーションやシャドウなどの立体的要素を極力避けコントラストの強いカラーパネルと文字要素を活用して構成される。このスタイリッシュなフラットデザインの出現により、今までのエフェクトゴテゴテのUIがいきなり古くさく感じる事態が発生している。 ここ最近ではGoogleが提供する種々のアプリやFacebookのUI、Windows 8、そして多くのスタートアップ企業が提供するスマホアプリで、このフラットデザインをUIのテーマとして採用するケースが増えている。 例えその呼び名を知らなくても、サイトやアプリを通して、多くのユーザーがそのデザインスタイルを目にしていると思う。代表的な例としてはClear、Moni、Clear Weatherなどが挙げられる。 フラットデザインの主な特徴特にはっきりとした決まりがある訳ではない
フラットデザイン(Flat Design) アップル – iOS 7 最近の例ではiOS 7が有名ですが、もともとはSwiss Style(What is Swiss Style Typography?)のリバイバルとも言われており、Windows 8のMetro UIを皮切りに様々なアプリ、サービスで見かけるようになりました。 フラットデザインとは フラットデザインとはシンプルな要素や図形と主に明るい色をともに用いてそのシンプルさやわかりやすさを強調したデザインである。(訳) “flat design uses simple elements and shapes combined with predominantly bright colors to emphasize simplicity and clarity.” ー Flat Design and Skeuomorphismより
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
なんかもうブチギレてます。 特定のワードでググると、検索メニューの順番が入れ替わるようになりやがりました。 この場合だと『ウェブ/画像/動画/ショッピング…』てな感じの並びですね。 だいたいいつも『ウェブ』の隣には『画像』がいました。 『ウェブ』の隣は『画像』という概念の破壊 ところがどっこい地名で検索すると、『ウェブ』の隣に『地図』がくるようになりました。 画像なんかは更にニュースの隣に配置されてる。 『プロレス』だと『動画』が隣になった。 まぁやっぱこういう検索ワードだとこうなるよね。 というわけで普段は『ウェブ』の隣は必ず『画像』だったのですが、なんか勝手に配置が変わるので間違えて無駄に地図開いちゃったりします。 誰かどうにかする方法教えて下さい。 『まずはGoogleを買収しましょう』みたいな案でもいいです。
huluで特に見る予定のなかった映画を見てしまうminamiです。 JavaScriptにはいろいろな演算子があって便利に使えますが、~(チルダ)は今までほとんど使ってこなかったので使い道を探しました。 チルダは何をするもの? JavaScriptのチルダ演算子はなにをするものでしょうか?調べてみます。 ビット演算子 ビットごとの NOT: オペランドの各ビットを反転します。 なるほど。わからん。かいつまんで説明すると、数値を10進数や16進数ではなく32ビットの集合(0と1)として扱います。2進数ですね。整数をビット反転させると必ず符号を反転して1引いた数になります。 console.log(~-4); // 3 console.log(~-3); // 2 console.log(~-2); // 1 console.log(~-1); // 0 console.log(~0); //
2009/04/10 ソフトウェアは工業製品ではない――。Rubyの生みの親としてしられるまつもとゆきひろ氏は2009年4月9日、InfoQ主催のイベント「QCon Tokyo 2009」の基調講演で、ソフトウェアと何であり、何でないのか、それはどういう性質のものであるのかを雄弁に語った。 コードとは設計である 「ビューティフルコード」と題した基調講演を行ったまつもと氏は、2007年に共著者の1人として出版した同名の書籍に書いたエッセイに込めた思いを、次のように語る。 「世界に冠たる日本の製造業のノウハウを適用することで生産性を上げることができるに違いないという発想がありますが、ソフトウェアは工業製品ではない。そうした誤解を正していきたい」。 ソフトウェア産業界では、よくエンジニアが何十万人足りないということが言われる。しかし、まつもと氏は、これは工業生産と同じ方法論を当てはめることから来
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く