Semantic UI
Design Beautiful Websites Quickly Semantic is a development framework that helps create beautiful, responsive layouts using human-friendly HTML. Concise HTML Semantic UI treats words and classes as exchangeable concepts. Classes use syntax from natural languages like noun/modifier relationships, word order, and plurality to link concepts intuitively. Get the same benefits as BEM or SMACSS, but wit
UXデザインに正攻法はないから「仮説」をとにかく出してみる─秋葉秀樹ロングインタビュー
UXデザインに正攻法はないから「仮説」をとにかく出してみる─秋葉秀樹ロングインタビュー 白石 俊平（HTML5 Experts.jp編集長） HTML5 Experts.jpが誇るエキスパートたちに、「UX」というテーマでインタビューするシリーズ第四弾です。 今回のテーマは、「UIデザイナーにとってのUX」。インタビューしたのは、NFC技術を利用して水族館の魚をスマートフォンアプリ内に持ち帰ることできる「Ikesu」など、ユーザー体験を提供する企画・デザインで活躍中のエキスパートNo.16の秋葉秀樹さん。 常にエンドユーザーがワクワクする体験を考えつつ、クライアントの要望を聞き出してカタチにしていく秋葉さんに、デザイン思考や仕事スタイルについて聞いてきました。 UXは概念ではなく、本質で語るべき 白石：まず聞いてみたいのは、UXが最重要視されるようになったここ数年で、Webデザイナーの仕事
画面遷移に疑問を感じたあなたにオススメするUI Flowsというツール | UXデザイン会社Standardのブログ
2014.11.19 / UI 画面遷移に疑問を感じたあなたにオススメするUI Flowsというツール Tomohiro Suzuki クライアントやディレクターから渡された画面遷移図を元にワイヤーフレームを作ってみると、後から足りない画面が次々に発見された、または画面内の情報がどこに繋がるのか分からないといった経験はありませんか？ この画面遷移図というものは本来は制作範囲の全体像と構造を明確にし、必要な画面というものを洗い出したりするものです。通常のWebサイトであれば、従来のような画面遷移図でも問題ないかもしれませんが、多くのインタラクションが発生するサービスの設計では複雑化しやすく、何度も情報を行き来して確認することになるため時間がかかります。 原因のひとつとして、画面遷移図では画面名のみを記載して繋げていくことになるため、必要な情報が不足していることが挙げられます。その結果、本来で
HTMLやCSSを知らなくても簡単にWebサイトが作成できるMac用Webエディタ「Blocs」がリリース。
Mac App Storeには現在申請中だそうですが、NormさんのWebサイト”Ui Store“では既に$49.99で販売が始まっており、トライアル版もダウンロード可能です。 使い方 使い方は非常に単純で、ユーザーはページを作成し、決められたBlocを編集していくだけです。まず、Blocを追加し、 次にBlocのスタイルを選択します。BlocはBricという要素に分かれており、各Bricは画像や動画、テキスト、リンク、見出し、フォーラム、ミュージックなどに変更可能です。 また、Bric要素の編集はサイドメニューから行います。 Bricの編集が終わったら、新たにページを増やすために右上の[+]ボタンか、メニューバーの [Page] > [New] からページを追加します。流れはメニューバーにある順番[File] > [Page] > [Bloc] > [Bric] で行えばわかりやすいと
クソエンジニアが最速でそれなりのWebデザインをできるようになる方法 - UIU
趣味などでWebサービスを作るときにもっとも悩ましいことのひとつがデザインだと思う。外観は重要な要素だとは理解しているし興味も一応あるけれど、実践に乏しいからどうしていいのかわからない。かといって、タダで頼めるような都合のいいデザイナーはいない。結局めんどうになって、Twitter Bootstrapで体裁だけでっち上げた妙にオタク臭いデザインになってしまう。僕もかつてはデザインを気にも留めないクソエンジニアだったけど、必要に迫られて勉強したらそれなりに手を動かせるようになったのでその方法を紹介する。僕が今年入社したスタートアップにはデザイナーがおらず、新機能を作るときなど仕方なくデザインをこなす必要があった。結果的に、仕方ないなりにPhotoshopを使ってプロトタイプを作りHTML/CSSコーディングするくらいはできるようになった。ここに書くのは仕方なくそれなりのWebデザインをする方
Wikipediaの見た目をモダンに変えスピードアップさせるWebサービス「WikiWand: Wikipedia Modernized」
Wikipediaの見た目をモダンに変えスピードアップさせるWebサービス「WikiWand: Wikipedia Modernized」 調べ物をしている時など、うっかり読み込んでしまって気が付くととんでもなく時間が経ってしまうこともあるWikipedia。「WikiWand: Wikipedia Modernized」はWikipediaの見た目をものすごく今っぽく表示しなおし、さらに人を引きこむいろいろな仕掛けをしてくれます。 普通に「NASA」を閲覧するとこんな感じ。トップと左カラムにメニューが集中し、右側はウィンドウ幅によって変化するリキッドデザイン。1920ピクセルいっぱいに広げると段落が広がりすぎて読み難く、なにより他のブログと比べると「地味」です。 NASA – Wikipedia, the free encyclopedia 同じページを「WikiWand」を通して見ると
アプリUI/UXデザイナー必見！「ハンバーガーボタン」ナビゲーションを使うとユーザーエンゲージメントが半減することが発覚 | ゴリミー
あなたが作っているナビゲーションボタンは今流行りの「ハンバーガーボタン」、またの名を「ナビゲーションドロワー」を採用しているだろうか。それとも一覧で表示している「タブボタン」を採用しているだろうか。 クリーンでシンプル、メインコンテンツの表示領域が最も広く確保できるなどいいこと尽くしの「ハンバーガーボタン」ナビゲーション。一方で、常にボタンが表示されメインコンテンツの表示領域が必然的に狭くなってしまう「タブボタン」ナビゲーション。見た目のデザインとしては当然「ハンバーガーボタン」の方が良い。では実際にユーザーとしても同様の見解なのだろうか。 クリーンでシンプルだが、ユーザーは操作方法を覚えられない 「ハンバーガーボタン」もしくは「ナビゲーションドロワー」と呼ばれるナビゲーションUIは数多くのアプリに見られる。Googleもアプリデベロッパー向けにオススメのデザインパターンとして推奨している
Yahoo! x DeNA - tsubota 安藤日記
安藤日記 安藤日記：デジタルガジェット好き「安藤幸央」の日々のメモ ( yukio.andoh@gmail.com ) [ http://twitter.com/yukio_andoh ] Design Sprint Newsletter https://designsprint.substack.com/ Yahoo! x DeNA iOSエンジニア・UI/UXデザイナー ------------------------------------ DeNA 坪田さん 皆さんこんにちは。かっこいい会場で緊張しています。 トップバッターなので、やわらかく。 漫画ボックスというアプリを題材にして、 どういう状況で UIつくっているのか。 DeNAで、マネジメントをしています。 今日、マンガボックスの話しをしますが、失敗したことをしゃべります。 「マンガボックス」ちょうどCMしています。 漫画のプ
タブレットだけでWebサイトを作成できるアプリ「ロリポタッチ」 指先でテキストや画像配置
paperboy&co.は3月6日、タブレットだけでWebページを作成できるアプリ「ロリポタッチ」（iOS）をリリースした。Android版は今後公開予定。利用は無料。 文章や写真、動画などを好きな場所に配置し、文字色や背景画像もカスタマイズできる。HTMLやCSSの知識はもちろん、PCやキーボードも必要なく、タップやスワイプ操作により、パズルを組み立てるようにデザイン性の高いWebページが完成するという。最大5ページまで制作でき、旅先からの旅行記、日々の料理レシピの公開といった用途を想定している。 リリースを記念してWebサイト作成コンテストを開催し、3月末まで応募を受け付ける。 関連記事 メンズも充実の“古着フリマ”アプリ「kiteco」a paperboy&co.が古着の取引に特化したiOS向けフリマアプリ「kiteco」を公開した。 「GMOペパボ」に変えた理由、社長が語る pap
おおお、それっぽい！ 言葉をカラーパレットに変換するサービス「色色」が楽しい
言葉を入力すると、そこからイメージされる色を提案してくれるサイト「色色[:iroiro]」がこのほどオープンしました。ブランド名や国、感情、人名など、抽象的な言葉から具体的な言葉まで「なんとなくそれっぽい」カラースキームを自動的に生成します。 「冬」だとこんな感じ それでは実際に試してみましょう。「冬」は白や青で表現され、見ているだけで寒そうな感じ。「恐怖」で調べると、黒や灰色などダークな色に混ざって、濃い緑も提案されました。これらのカラーパレットはツイートしたり、ダウンロードして壁紙としても使ったりできます。 なるほど、雰囲気が出ています 安定の黒 かなりイメージ通りですぞ！ さらにそれらと似た色の洋服を提案してくれるコーディネートページも用意されています。バレンタインが近いということで「チョコレート」でコーディネートを考えてもらうと、茶色やベージュのおしゃれアイテムが表示されました。こ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP