タグ

デザインに関するfhisaのブックマーク (4)

  • 5分でわかるUIとUXの違い | Excite Designer's Blog

    ここ数年、UXという用語をよく使うようになりましたね!今回は最近浮上した『UX』と以前から使われてた『UI』について話したいと思います。 (UIUXは色んな分野で幅広く使われてる用語ですが、ここでは主にモバイル分野を前提に話します。) UI(User Interface)とは 広い意味で『Interface:インターフェイス』は人の世界と物の世界の接点・コミュニケーション空間を意味します。 人はインターフェイスを通じて目に見えない機能を視覚的にみて操作してコミュニケーションします。 『User Interface:ユーザインターフェイス』はこのようにユーザとデジタル機器とのコミュニケーションがうまくできるように手伝ってくれるOS・アプリ画面などを意味します。 iPhoneのアプリのリンクが今のようなアイコンではなくてテキストだと想像してみましょう。 色々なアプリの中から写真アプリを見つけ

    5分でわかるUIとUXの違い | Excite Designer's Blog
  • はてなブログのidとかclassとか - kyabana's blog

    はてなブログで「デザインテーマコンテスト」が開催されています! オリジナルデザインを投稿してAmazonギフト券を当てよう! 「はてなブログ デザインテーマコンテスト」開催 - はてなブログ開発ブログ 使われている"id"や"class"がわかっていると デザインしやすいのでザックリさらってみました。 おおよそこんな感じ。 body(トップページで.page-index、記事ページで.page-entryが追加)div#globalheader-containeriframe#globalheader(ヘッダ[メニューやHatena Blogロゴ、Hatenaロゴなど])div#containerdiv#container-innerheader#blog-titlediv#blog-title-inner(タイトル画像)h1#title(ブログ名)h2#blog-description(

    はてなブログのidとかclassとか - kyabana's blog
    fhisa
    fhisa 2014/05/05
    HTMLの階層構造を色分けされた画像で見られる
  • はてなブログのカスタマイズの方法についてまとめてみた【ま】 - はてブのまとめ

    この記事ははてなブログに興味がある方、はてなブログを利用してるがテンプレートのまま使ってる方に向けた記事となっています。 はてなブログではどうしてもWordPressのプラグインなどと違って機能が限定されてる印象を受けます。 始めにテンプレートを選んでそのままの状態の人も多いのではないでしょうか。 正直私はCSSHTMLなど余り詳しくなかったので、とにかくググりまくりました。まだヘッダー画像もないような陳腐なブログですが、色々と見て回った結果実際に私が試したものも含めて参考にしたブログや元々のはてブロの機能を紹介したいと思います。 はてなブログ公式のカスタムテーマ これはブログを作った方なら色々試したことでしょう。 最近またまた良デザインのテーマが増えたので目を通してみて欲しいです。 テーマ ストア - はてなブログ 最近人気の渋谷で働く営業マンのナンパ日記なんてテーマとブログの内容にあ

    はてなブログのカスタマイズの方法についてまとめてみた【ま】 - はてブのまとめ
  • はてなブログに実施した、4つのデザインカスタマイズ - Banguardサイト

    ブログのデザインを少し変更してみました。それほど大きな変更ではないのですが、変えたのは以下の4点です。 1.ブログのデザインテーマを変更した 2.記事の幅を広げた 3.「続きを読む」を加えた 4.ブログの見出しに画像を加えた はてなブログは、ある程度自分で自由にカスタマイズすることが可能です。Webデザインの知識がない私ですが、なんとか今回の4つは自分でできました。はてなブログのカスタマイズをしようとする際に、参考にしていただたら嬉しいです。 はてなブログのデザインをカスタマイズした場所 今回カスタマイズしたのは、主にブログ全体に関わる部分が2箇所、トップ画面で1箇所、記事画面で1箇所、計4箇所です。特にブログのデザインテーマの変更と記事の幅の変更は、ずっとやりたかったカスタマイズです。 ブログ全体に関わる変更点と、トップ画面での変更点 また、「ブログの見出しに画像を加える」ことも、地味で

    はてなブログに実施した、4つのデザインカスタマイズ - Banguardサイト
    fhisa
    fhisa 2014/05/04
    記事の幅の広げ方など。このブログのデザイン自体も好みなので参考にしたい
  • 1