レイアウトやUIコンポーネントなど、最近のランディングページで使用されているアイデアのまとめ -SaaS Pages
ランディングページがどのようにデザインされ、レイアウトされているのか、そしてコピーライティングがどのようにデザインされているのか、その参考資料となるアイデアをまとめたSaaS Pagesを紹介します。 ランディングページのデザインや実装、ヘッダやフッタやナビゲーション、特徴やボタンの目立たせ方など、デザインの引き出しにストックしておきたいですね。 SaaS Pages SaaS Pagesでは、ランディングページに使用されるUIコンポーネントごとにデザインとコピーライティングがまとめられています。 ナビゲーションバー 目標到達のプロセスから遠ざかる方向にナビゲートしない。 分かりやすいCTAボタンがある。 ユーザーエクスペリエンスを向上させるスティッキーバー。 開発者向けのドキュメントなど、特別なリンクを含めたい場合。 Navbar ヒーローヘッダ 独自のセールスポイントを強調する。 「今
ユベントスは「オシャレになった」わけではない。専門家が分析するブランディング戦略 - footballista | フットボリスタ
フットボリスタをご覧のみなさま、初めまして。黒澤友貴と申します。普段はブランディングテクノロジー（株）という会社の執行役員を務めており、中小企業向けにデジタルマーケティング領域のコンサルティングを6年間超行なってきました。 現在は、営業・マーケティング・人事・財務と、領域を横断して仕事をしてきた経験を活かし、経営戦略策定や人材育成を行なっています。マーケター500人近くが集まるコミュニティ「マーケティングトレース」を運営し、noteにてマーケティング思考を磨くための情報を発信してもいます（黒澤さんのnoteはこちら）。 今回は、フットボリスタ編集部からの依頼を受け、セリエAの巨人であるユベントスのブランディング戦略について分析させていただきます。さっそくですが、まずはこちらの動画をご覧ください。ロゴ変更を行なった際の動画です。 この動画が「サッカークラブのものなのか」と驚いた方も多いのでは
誰もがマツダスタジアムに魅了される理由。設計に隠された驚きの7原則
2017/9/7 12:20 野口学 2009年にオープンした広島東洋カープの新本拠地、MAZDA Zoom-Zoom スタジアム広島（マツダスタジアム）。訪れた者なら誰もが魅了されるこの異空間は、日本のこれまでのスタジアムの概念を覆すようなアプローチによってつくられた。「スタジアム・アリーナを核としたまちづくり」が経済産業省を中心に進められるなど、今やスポーツの域を超えて大きな注目を浴びているスタジアム・アリーナ建設。今回、マツダスタジアムの設計に関わった株式会社スポーツファシリティ研究所代表取締役の上林功氏が、同スタジアムに隠された知られざる特徴と、未来のスタジアム・アリーナ建設のヒントを明かした――。（取材・文＝野口学） 後編はこちらマツダスタジアムは人の意欲を喚起させるスタジアム マツダスタジアムはオープン以来、これまで非常に数多くのファンが足を運んでいる。初年度となる2009年
【５２枚】面白いと思ったデザインの画像貼る : あじゃじゃしたー
1: 以下、＼(^o^)／でVIPがお送りします 2016/08/23(火) 13:14:14.061 ID:Xk1pZuCb0 2: 以下、＼(^o^)／でVIPがお送りします 2016/08/23(火) 13:14:47.426 ID:Xk1pZuCb0 3: 以下、＼(^o^)／でVIPがお送りします 2016/08/23(火) 13:15:11.637 ID:Xk1pZuCb0 4: 以下、＼(^o^)／でVIPがお送りします 2016/08/23(火) 13:15:35.547 ID:Xk1pZuCb0 5: 以下、＼(^o^)／でVIPがお送りします 2016/08/23(火) 13:16:02.789 ID:Xk1pZuCb0 6: 以下、＼(^o^)／でVIPがお送りします 2016/08/23(火) 13:16:30.498 ID:Xk1pZuCb0 7: 以下、＼(^o
可視化した素因数分解で時を刻むiOS向け時計アプリ『clock-F』
『clock-F 』は、時刻を素因数分解したドットで表現したiOS向けの時計アプリです。 「素因数分解」は、プラスの整数を素数の掛け算で表したもので、例えば「12」であれば「2 x 2 x 3」となります。 この素因数分解を「可視化」したアニメーションが、昨年インターネット上で話題となったそうです。 その表現方法は、数字を中心点から対称に並べたドットで表示するというもので、「2」「3」「5」は下のようになります。 「30」は「2 x 3 x 5」と素因数分解できるので、2が3つ集まったものが5つ集まったもの、という下のような図になります。 このアプリは、この表現方法を使って時刻を表示するというある意味斬新な時計。 実際に動いてるところを録画したのがこちら。 例えば「11時54分36秒」は、下のようになります。 「36」と「54」は共に6の倍数ですが、こうみると随分と異なる印象を受けます。
スマホUI考（番外編） 顧客やユーザーの要望に全て対応すると、アプリは99%破綻する | fladdict
顧客や上司、ユーザーの場当たりな要望に対応しつづけると、どんなアプリもゴミアプリになる。たとえそれが理にかなった要望であっても。 なぜなら面積の限られたスマホでは「一画面の機能数とボタン数」が、使い易さと品質に深くリンクしているからです。 ということを、エラい人にプレゼンするのがお仕事の今日この頃。でも毎回毎回、同じことを説明するのがシンドイので資料をブログにまとめたいなぁと思うなど。 思考実験として、ここでは架空事例としてTwitterアプリを例に考えてみる。 何かの間違いで、日本の大手メーカーがTwitterを買収すると・・・UIデザイナーが体を張らないと99%ぐらいの確率でこうなるのです。 ここがオリジナル Request1: ダイレクトメッセージをトップ階層に ユーザーからの真っ当な要望。実際にはサービスの本質ではないのですが、要望はかなり多いはず。 ただTwitter社的にはme
【アプリ開発のお手本に】iOS 7の設計においてアップルが大切にした4つのポイント | TOKOROM BLOG
今回の記事はUIデザイナの Morino氏 からの寄稿です 前回 はiOS 7紹介ビデオの中のジョナサン・アイブ氏のパートをご紹介しました。 今回は、その中でも特に重要と感じたいくつかのフレーズをピックアップして深堀りしてみたいと思います。 “True simplicity” iOS 7から話題の"フラットデザイン"が採用されて、画面デザインは大分シンプルな外観になりました。 使う色の数は限定され、簡単明瞭なラインやシルエットがほとんどのデザインを占めています。 iOS 6まで採用されていたSkeuomorphism（装飾的・リアルな外観）は排除され、立体的で質感を感じるデザインから、平面的で形やテキストの意味性をストレートに伝えるデザインに変わりました。 ただ、“Simplicity"という言葉は、単に外観を表すものとして使われているわけではありません。 「複雑さに秩序をもたらす」という
地面の様子がすぐに分かる「格子状自転車ライト」がナイス・アイデアすぎると話題！ | ロケットニュース24
» 【今すぐ欲しい】地面の様子がすぐに分かる「格子状自転車ライト」がナイス・アイデアすぎると話題！ 特集 これぞまさにナイスアイデア！ そう人々に言わしめるある装置がこのたび考案され、海外で大きな話題になっている。世界の注目を集めるその装置とは、格子状の灯りを映し出す自転車ライトである。 この自転車ライトの名前は「Lumigrids」という。中国・四川大学の技術者たちによって考案されたものだ。使い方はいたってシンプル。自転車のハンドル部分に装着し、スイッチを入れるだけだ。すると目の前に格子状の灯りが映し出されるのだが、この効果が本当にスゴイ！ ・格子の歪みによって地面の様子がマル分かり！ 走行先の地面が平面だと、格子を形成するたくさんの四角形は、綺麗な形をしたまま地面に映る。しかし走行先の地面に凹凸（おうとつ）があると、それに応じて四角形は歪む。そう、このライトを使えば、地面の様子がマル分
座り方イノベーション！ どんな向きにも座れる椅子 | ROOMIE（ルーミー）
お尻をのせて、背もたれにもたれる。椅子に座るってそういうことだと信じていました。 ところがこちらの「INNOVATION C」、後ろ向きでも横向きでも前向きでも、自由に座ることのできる画期的な椅子なんです！ 長い座面がグニャンと曲がって背もたれの位置に。背もたれとは言っても座面と段違いになっていて、そこに寄りかかって肘を掛けることもできます。完全に体重を預けるかのような、自由な座り心地。 カラーバリエーションも様々で、パブリック・スペースにはもってこいのデザインです。 後ろ向きに肘を置けるなんて、なかなか楽そうでいいですね。Fredrik Mattsonさんによる2001年の作品です。12年前ですよ！ 今見ても革新的。 INNOVATION C [BLA STATION]
【日本からも参戦!!】 世界にある最も奇妙な10の家 【海外の反応】 : 海外の反応プリーズ
2013年04月07日01:06 【日本からも参戦!!】 世界にある最も奇妙な10の家 【海外の反応】 カテゴリ海外の風景日本の風景 Comment(48) 海外の掲示板にて、 「世界にある最も奇妙な10の家」 といった内容の画像がアップされ、話題になっていました。 それでは、どうぞ御覧下さい。 １・ポーランドの世界一スリムな家。 ２・日本の透明な家。 ３・ベルギーの古い給水塔を住居に変えた家。 ４・日本のすべり台がある家。 ５・ディック・クラーク（アメリカの有名なテレビ司会者・故人）さんの、アニメ「原始家族フリントストーン」に影響を受けて建てられた家。 ６・アメリカのスケートボード・ハウス。 ７・ドイツの世界一小さな1平方メートルの家。 ・ポルトガルの石の家。 ９・メキシコの巨大な貝殻の家。 １０．オランダの教会を住居に変えた家。 ttp://www.reddit.com/r/pics/
UXとUIが混同されるワケ
最近 UX と UI を混同して表記されているのを見かけるようになりました。私もウケやすいということで、混同させたことがあります。しかし実際のところ UX と UI は同義語ではありません。良い UI デザインをすれば、UX が向上する可能性はありますが、必ずしもそうではありません。逆もしかりです。最近も UX と UIの違いを分かりやすく表現しようと、シリアルとボールの写真を使った例が登場しましたが、「そうでもない」という意見も多数ありました。 それでは、なぜ混同されやすいのかというと、今のスマートフォン向けのデザインを見るとヒントが隠されています。例えば Twitter クライアントの中で人気のある Tweetbot を見てみましょう。このアプリの中で装飾と呼べるデザインはどれだけあるでしょうか。ほぼ皆無だと思います。 スマートフォンという小さなスクリーンには、UI しか存在しません。
すばらしいソフトを作るには、カリスマが講演 ― ＠IT
記者という職業柄、これまで非常に多くのプレゼンテーションを見てきたが、プレゼンテーションの1枚目が半裸の女性モデルの写真だったのは初めてだった。 2月13日、14日の予定で東京・目黒で開催中の「デベロッパーズ・サミット2008」で講演したFog Creek Softwareの創業者でCEOのジョエル・スポルスキー（Joel Spolsky）氏のプレゼンテーション「Joel on Developers Summit――素晴らしいソフトウェアを作るということ」は、型破りに楽しく、なおかつソフトウェア開発者にとって示唆に富む内容だった。 スポルスキー氏は米マイクロソフトのExcelチームで、Excel用マクロ言語を、後にVBAと呼ばれることになるモダンなオブジェクト指向言語に置き換える仕事でプログラムマネージャを務めたことがあるなどソフトウェア開発のベテランだが、エッセイの書き手としても名を馳せ
何故、エンジニアはUIのセンスがないか。
何故、エンジニアはUIのセンスがないのか、という自分にも当てはまるようなことについて書いてみる。 まずエンジニアがダメなUIを作ってしまう理由について、いくつかの仮説を立ててみる。 1.その画面を作るエンジニアは全てを知りすぎていて、もはやわからない人の気持ちがわからない説 2.エンジニアはITリテラシーは高いけど、自分ができることを人に理解できるように説明するのは下手説 3.技術的に実現する方に興味が偏って、ハナからUIの使い勝手に興味が無い説 4.国語力がない、自分が実現する文脈を表現するのはできるが、ユーザーの文脈に配慮した言葉を想像する力が無い説 5.仕様書を読まない、人の言う事を聞かない説。例えばOSが定めているユーザーインターフェースガイドラインに従わないので、UIパーツが意図した使い方をしておらず統一性に欠ける。 6.わかりやすい色や文字、レイアウトに関する知識が無い。センス
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
こういう発想ができる人を天才という19の事例
kandeza.com
独創的な「ズーム」ができる折り畳み式の地図「map²」
Fab共同創業者から学ぶ、オンラインショップで成功する4つの秘訣
吹き出し素材専門サイト「フキダシデザイン」
朝日新聞デジタル：「漢委奴国王」の金印ストラップ人気 福岡市博物館 - 社会
Page not found