無料でオシャレなホームページやブログを、Ameba Ownd (アメーバ オウンド) で作りましょう。オシャレなデザインテンプレートも多く、独自ドメイン・アクセス解析・SEO対策・SNS連携など、無料で利用できる機能が豊富です。
![Ameba Ownd(アメーバ オウンド): 無料でホームページやブログを作ろう](https://cdn-ak-scissors.b.st-hatena.com/image/square/eec1dc685efb5793f4fefc221c5768939710dafe/height=288;version=1;width=512/https%3A%2F%2Fstatic.amebaowndme.com%2Fmadrid-frontend%2Fimages%2Fapp%2Fwww%2Fogp-img.jpg)
連載2回目となる今回は、WebページにおけるスクロールとページングのUIを取り上げます。ユーザに最高のUX(User Experience)を提供するためにフロントエンドのUI(User Interface)設計は欠かせません。エンジニア観点から見たUI設計思想について語りたいと思います。 UIの基礎知識 最適なUIというものは、表示するデータの性質や利用者の使い方、使用しているデバイス、慣れによって変化していきます。 「万人にとって普遍的で、そこそこ使いやすいUI」を目指すべきなのか、あるいは、「一部の人にとって最高に使いやすいUI」を目指すべきなのか。UIを設計する人それぞれでポリシーは異なるでしょう。 誰でもそこそこ迷わずに使える優等生的デザイン。最初はとっつきにくくても、慣れれば最速で使える奇抜なデザイン……。一口にWebページのUIと言っても多種多様です。 たまにしか使わないサ
以前creiveでもご紹介した「商店街のポスター展」の広告。 ・文の里商店街のポスター 「買わんでええから見に来てや」のキャッチフレーズで、ユニークなポスターとともに「商店街ポスター展」は話題を集めました。 第1回は新世界市場、第2回は文の里商店街、そして、第3回の今回は伊丹西台地区で開催されています。 兵庫県の西台地区では、地区内の36店舗が参加しています。第一弾のこの記事では、そのうちの半分の店のポスターをご紹介します。 白雪 【大きいことを言おう。】 3億円当たったらどうしよ!どうしよかな! あの子と目あった。絶対俺のこと好きや。 いっぺんでいい。グラビアアイドルと付き合いたい。 たまには会社の同僚より、人生の同僚と。 C:見市沖 D:大原漢太郎 とりしげ では、ねぎまになってきます。 あ、けさ産んだ卵も 持ってこれば良かった。 こんなところで 食べられるわけにはいかない。 どうもー
MacBookをクールに熱対策。薄型エアスペーサ「Kickflip」2014.07.19 09:00 見た目もクール。パソコンもクール。 トリニティが、ブルーラウンジのMacBook Pro用エアスペーサ・スタンド「Kickflip」を発売しています。ノートパソコンがいつも以上に爆熱を放ちやすいこの季節。いくらMacBook Proが十分なエアフローを確保してあるとはいえ、やっぱり熱くなる時は熱くなります。 でもね、アップル製品を使っている以上見た目のスタイリッシュさも妥協したくないのが本音。ゴツいエアスペーサは気がのらないわけです。 その点、Kickflipはミニマムなデザインでとても薄く目立たない。これでしっかりエアフローを確保できるばかりか、人間工学に基づいた角度調節で、見やすくタイピングしやすい角度にすることができます。 外観を損ねずに、発熱対策と使いやすさを追求できる。MacBo
気付いたらきゃりーぱみゅぱみゅさんの『つけまつける』が頭の中で鳴っている。先日は雪山を登りながらずっと口ずさんでいた。 さて、これは困ったなと思いつつドラッグストアに行ったらつけまつげが売られていた。大体1000円くらいだったんだけど、350円くらいの安いのもあった。 買ってみた。 あばよ涙、よろしく勇気、こんにちは松本です。 1976年千葉県鴨川市(内浦)生まれ。システムエンジニアなどやってましたが、2010年にライター兼アプリ作家として自由業化。iPhoneアプリはDIY GPS、速攻乗換案内、立体録音部、Here.info、雨かしら?などを開発しました。著書は「チェーン店B級グルメ メニュー別ガチンコ食べ比べ」「30日間マクドナルド生活」の2冊。買ってくだされ。(動画インタビュー) 前の記事:レースでファンシーにしてやった > 個人サイト keiziweb DIY GPS 速攻乗換案
iOSを始め最近あちこちのWebサービスでUIが変わり始めていますね。UIが変わる度に主にTwitterで文句を垂れる人がいるけど、じゃあ、お前の中でどうなったら最適なUIなのかをブログにかいてくれよ。って僕はいつも思ってる。UIが変わる度に条件反射でTwitter開いて「クソUI」の4文字をテキストエリアに叩きこむ余裕があるなら、UIが変わった理由を考えてほしいし、ちゃんと客観的な理由でクソであるんだったら「クソUI」の4文字を許容できると思う。WebサービスのUIが変わる度に思考停止気味な「クソUI」の文字列にうんざりするし、僕が1番危惧しているのは、思考停止の塊の連中がうだうだ言うせいで、Webサービスのユーザの幸せを願ってUIの改善に注力しているチームがUIを改善することに抵抗を感じてしまうとそれはもうWebサービスっていうかものづくりの破滅の始まりだ。 慣れたUIがいい人達、必要
兵庫県の灘にある兵庫県立美術館で開催中の「レジェンド・オブ・メカデザイン 超大河原邦男展」に行ってきました。 かなーり、感動したよ。 大河原邦男さんは、1970年代から今に至るまで日本のテレビアニメの主要カテゴリーである「ロボットアニメ」で活躍された“メカデザイナー”です。 どんなロボットのメカデザインを担当したんだって? オフィシャルサイトから抜粋するとこんな感じ↓ (抜粋ですよ。全部じゃなくて)、 1970年代 科学忍者隊ガッチャマン ゴワッパー5ゴーダム タイムボカンシリーズ ヤッターマン、ゼンダマン 無敵鋼人 ダイターン3 機動戦士ガンダム ザ☆ウルトラマン 1980年代 無敵ロボ トライダーG7 タイムボカンシリーズ タイムパトロール隊オタスケマン、ヤットデタマン、逆転イッパツマン とんでも戦士ムテキング 最強ロボダイオージャ ドラえもん・のび太の宇宙開拓史 未来警察ウラシマン
2024年4月1日より、Supership株式会社は親会社であるSupershipホールディングス株式会社に吸収合併されました。 合併に伴い、存続会社であるSupershipホールディングスは社名をSupershipに変更し、新たな経営体制を発足しました。本件に関する詳細は、プレスリリースをご確認ください。 2024年4月1日より、Supership株式会社は親会社であるSupershipホールディングス株式会社に吸収合併されました。 合併に伴い、存続会社であるSupershipホールディングスは社名をSupershipに変更し、新たな経営体制を発足しました。 本件に関する詳細は、プレスリリースをご確認ください。
2013-04-11 クックパッドのUI設計の秘訣は仮説思考にあった! クックパッドと言えばRubyの匠として有名ですが、どうやらUX / UI に関してもめちゃくちゃ力を入れているようで、「こりゃ調べるっきゃねぇ!」と思い立ったが吉日。ググってるとこんな記事(【インタビュー】クックパッドのUIデザイナー:「エンジニアの仕事が0を1にする仕事なら、デザインは1を100にする仕事 」)に出会うことができたので、この記事の中からエッセンスを読み取ってまとめてみました! こんな人に読んでほしい! ・他社はUI設計をどうやってるんだろう?と気になっている方 ・自社のUI設計を見直したいと考えている方 仮説思考とは そもそも仮説思考ってなんやねん!っておっしゃる方もいらっしゃいますでしょうから、少しばかり仮説思考についてお話させて頂きます。 仮説思考とはズバリ、”(精度の高い)思い込み”です。「もし
紹介数右、カッコ内の数字は前年からの増減数になっています。紹介数が通年で±4程度に収まっていて、だいたい同じバランスになっているのが自分で作った記事ながら少し驚きです。 以下、事務所・デザイナー単位で語りを補足します。 名和田耕平デザイン事務所 1年を通して数多く生み出される名和田デザインの中でも、シギサワカヤ作品、水谷フーカ作品、びっけ作品など相性が良くコンスタントに目立つ組み合わせがいくつかあります。その中でも最近面白いことになっているのが 一條マサヒデ作品。『殺し屋さん』や『4ジゲン』など、一条氏が原作として参加しているいくつかの作品はこれまでも名和田耕平デザイン事務所が担当していました。そしてここ最近は、イラストをテープで継ぎ合わせたような装丁の『原作さん』、帯がいかがしい感じにモザイク処理されている『きょうの思春期』1巻、カバーを外しすと渾身のオチが待ち構えている『2まいめ』1巻
最近どこかの記事で読んで、気になってたフリマアプリ「Fril」。 スマホのカメラで撮影するだけで簡単に出品出来るのが特徴。 フリマやオークションで気になるのはお金のやりとりだけど、Frilの運営会社にお金を預けて、品物が届いてから出品者に入金される制度なのでお互いに安心。 で、服とか要らないのは捨てるかタンスの肥やしになっていた訳なんですが、 気軽に始められるなら試してみるか〜と、文字通り軽い気持ちではじめてみた。 出品1時間で、買い手がついた すげえええ。物は試しに・・・と着なくなったワンピース出品したら、なんとなく「いいね!」が付き始めて1時間後には買い手が付いた!! 投稿したの深夜2時とかなんですけど! よくあるタイムライン形式で流れてくるので、夜ベッドで流し見出来ちゃうのが良いのかも。 「質問したい」と思ったところに、聞きたいことが書かれている親切導線 ネットショッピングは大好きで
facebookでとても面白いイラストが紹介されていました。これです。 左は「平等equality」で、右が「正義justice」です。 左の「平等」は、つまりこういうことです。「みんなに平等に一個ずつの箱じゃないか」というわけです。しかし、そんな「平等」が、ニセものの「平等」であることは明らかです。一方、右側の「正義」は、三人の箱の数が違います。そういう意味で一見「不平等」にも見えるかもしれませんが、しかしむしろこちらのほうがほんとうの「平等」です。平等とは、どの子もみんな試合を見る権利が「平等にある」ということだからです。箱の平等は、そもそもこの子たちが何を目的としているのか、とか、この子たちの権利とは何か、という根本的なことからすると、まったくどうでもいいものです。むしろここでの「箱の平等」とは、「権利の不平等」を隠蔽するために使われています。サルトルに言わせると、これは、ニセの普遍
Tanzen Design, l'agence actrice de votre réussite ! Une société doit entreprendre une stratégie digitale si elle souhaite réussir à améliorer ses ventes. Il existe plusieurs outils de marketing digital : référencement SEO, sites Web, Web analytique KPI, réseaux sociaux, solution e-commerce… Les agences Web proposent des prestations packagées incluant des services clés en main. Une agence de market
ドメイン別にスタイルシートを当てる方法。 iframe[src*="youtube.com"]{ width: 500px; height: auto; } iframe[src*="nicovideo.jp"]{ width: 320px; height: auto; } 例えば、YouTubeの外部プレイヤー(iframe)の横幅は500にしたいけど、ニコニコ動画の外部プレイヤーは320にしたいときは、上のように書くと上手く動作します。 a[href*="wayohoo.com"]{ color: red; } a[href*="goryugo.com"]{ color: blue; } ちなみに、aタグをドメイン別に指定する場合はこのようになります。(wayohoo.comは青色、goryugo.comは赤色とする場合) タグ名[属性名*="URL"]{ /* CSSの中身 */ }
ここ最近立て続けに素晴らしいアイコン素材がリリースされたので、まとめて紹介します。 ほとんどが商用利用も無料です。
上の図は、UX デザインに関連する00年代の時代背景をまとめたものである。この10年間を思い出しながら、インターネット技術の潮流、共有された思考のモード、デザインに関するキーワードをざっと並べてみた。 00年代初頭、Web サイトというメディアが成熟期に向かう過程で、インフォメーション・アーキテクチャ(IA)という分野の価値が高まっていく。IA/UX という表記の通り、この時代の UX デザインの捉えられ方は、IA の概念と表裏の関係にあった。つまり、正しい情報設計のためにユーザー中心の思想で設計を行う、といった意味合いで使われることが多かった。 00年代後半にさしかかると、今度は利用者自らがコンテンツを生成するという、ユーザー体験の変化が起きる。またモバイル端末の環境が整い、数多くの Web サービスやアプリケーションが作られた。 こうした流れは、ユーザーインターフェース(UI)の単純化
今年4月にKickstarterでの資金調達を慎ましやかに達成し、現在Steam Greenlightでの投票も進められているLeo Dasso氏の不思議な新作ゲーム「College Ruled Universe」が今年12月にPCとMac向けにリリースされることが明らかになりました。 College Ruled Universeは、Leo Dasso氏自らボールペンで描いた手書きのキャラクターとアートワークを用いた2Dプラットフォーマーアドベンチャーと横スクロールシューティングのハイブリッドタイトルで、惑星から惑星へと舞台が移動するゲームシステムの中、惑星間の移動時はグラディウス風のシューティングパートが展開し、惑星到着時には船体用のパーツを集めるプラットフォーマーアクションが楽しめるというもの。 主人公が操作する宇宙船には4種のスロットが用意されており、スピードやHP、近接攻撃を含む特
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く