Webページのレイアウトに役立つ20のデザインテクニック
ページのレイアウトをする時に全てが同じ大きさ・形・色だと、それは非常に退屈なデザインになってしまいます。要素を整理し、階層をつくり、重要な箇所にフォーカスがあたるようにするにはコントラストを効果的に使うことです。 レイアウトにビジュアルの興味を加え、デザインを生き生きとさせるコントラストの使い方を紹介します。 色の値(value)とはカラーの明るさや暗さをあらわす用語で、ピュアブラックとピュアホワイトに最もコントラストがあります。だからといって高いコントラストのデザインをつくるために、白黒のカラーパレットにこだわる必要はありません。簡単な方法の一つは、そのカラーからより明るいカラーと暗いカラーをつくり、コントラストを加え、あなたのデザインの特定の場所を目立たせることができます。 シンプルな例として、下記のような暗い背景に明るいテキストは効果的にコントラストをつくっています。背景が写真で、テ
サイトマップやレイアウト構築に便利なUIキット「Website Flowcharts」
webサイトの制作をスタートする前には、レイアウトの構築やサイトマップの作成が必須。それをすることで、サイトの全体像を把握しながら計画的にデザインをすることができます。今回はそんな企画時に是非利用したい便利なUIキット「Website Flowcharts」を紹介したいと思います。 いろいろなレイアウトのフォーマットUIイメージが72種揃っており、組み合わせをすることでサイトイメージをふくらませることができます。 詳しくは以下 カラムレイアウトやグリッドレイアウト、ランディングページやブログ、カレンダーやユーザープロファイル、コメント欄、タブ、404エラーなど、サイトを制作する上で想定されるレイアウトUIがラインナップされており、わざわざ1つ1つ書き起こす必要がありません。時間短縮にもなりますし、企画書のクオリティも高められるのではないでしょうか？ いろんなシーンで活躍してくれると思います
タブを使ったレイアウト ～ TabHost と TabWidget
もっともわかりやすい UI と評判の（本当か？）、タブ形式のレイアウトについて実装方法を記載します。 タブ形式はご存知のとおり、上側あるいは側面に内容を示すタブが表示され、それを選択（タップ）するとそのタブに関連した内容が表示されるというものです。 タブ形式のレイアウトは TabHost と TabWidget を用いて実装出来ます。 スマートフォンのアプリケーションには、タブの部分の領域がスペース的にもったいないようにも思えますが、もしかしたらタブレットではより多く利用されていくかもしれません。 ここで作るものの出来上がりは次のとおりです。 真ん中のタブをタップすると・・・ となります。 タブの実装方法 タブを選択した時に、それぞれ別のアクティビティがフレームレイアウト (Framelayout) の中にロードされるという内容のコードを記載します。 タブ毎のアクティビティ 今回はタブを三
レイアウトを別ファイルで定義する方法 | GE Android Blog
同じ構成のレイアウトを繰り返し表示したい場合に 一つのレイアウトファイルに対して全て記述してしまうと 非常に読みにくいxmlファイルができあがります。 そういった時には、あらかじめ繰り返し使う予定のレイアウトを 別ファイルとして定義しておき、動的に追加できるようにしておくと便利です。 main.xml <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/layout_main" android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent
LinearLayoutとRelativeLayoutの使い方をまとめてみた - プログラミング雑記
Androidアプリで画面を作成する際、LinearLayoutとRelativeLayoutの使い方をしっかり把握しておかないと、後々苦労することが多いと思いますので、レイアウト構成を自分の知る範囲でまとめてみました。 LinearLayoutの場合 1 均等に配置 XML 2 余った幅全体に配置 XML 3 真ん中で２等分 XML 4 上記の縦バージョン XML RelativiLayoutの場合 5 両端固定幅、真ん中は幅いっぱい XML 6 上記のレイアウトに追従する形で配置 XML 7 上下に両端、真ん中配置のボタンを配置 XML 8 上記レイアウトの空白を埋める配置(ListView等) XML 9 上記レイアウト中央の両端に、ボタンを配置 XML 10 相互に作用する配置 XML LinearLayoutとRelativiLayoutを複合 11 ボタンの高さを任意のレイアウ
スタイルシートによる崩れない 2カラム 3カラム・レイアウト
このウェブサイトは販売用です！ desperadoes.biz は、あなたがお探しの情報の全ての最新かつ最適なソースです。一般トピックからここから検索できる内容は、desperadoes.bizが全てとなります。あなたがお探しの内容が見つかることを願っています！
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
高級感のある配色やデザインを作るコツまとめ
Adobe - ADOBE CREATIVE SUITE 4 DESIGN EDITION