【フォントの些事】番外編 欧文（英語）書体の種類と文字の構成について | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
※2015/6/18 18:40追記 内容に一部誤りがありましたため、修正をいたしました。ご指摘いただき、誠にありがとうございます。 欧文書体の種類 まずは基本的な欧文書体についてご紹介しましょう。 種類を大きく5つにわけました。 セリフ書体 セリフ書体とは、フォントの先端に“セリフ”と呼ばれる小さな飾りがついた書体のことです。 中でも代表的なものが2つあり、“ブラケットセリフ”と“ヘアラインセリフ”です。 “ブラケットセリフ”は“セリフ”部分が手描きのようなカタチをしており、“ヘアラインセリフ”は“セリフ”部分が繊細なカタチをしています。 セリフ書体は古代ローマの碑文を元にして作られました。 古代ローマ時代には大文字と小文字という概念がなく、文字はすべて現在の大文字で書かれていました。 そのため、古代ローマの石刻文字にならって作られたTrajanやLithosのような書体は、小文字の代わ
Prototyperを使ったモックアップ主導のUI設計プロセス
ユーザーインターフェイスを設計するためのワイヤーフレームとモックアップの取捨選択とプロトタイピングに適したモックアップツールを記載しています。 UI設計はUXデザインプロセスの4段階目 アプリやWebサービス、サイトなどを作っていく全体の流れは以下のプロセスを行っています。基本的なUXデザインのプロセス通りですが、コンセプトやアイディアの前に調査（理解）を重視している点と、ワイヤフレームではなくインタラクティブなモックアップを作成している点が多少異なるかもしれません。その他のプロセスにご興味がありましたら詳細は問題解決型UXデザインアプローチを御覧ください。 理解 アイディア ストーリー UI ビジュアルデザイン 開発 フィードバック 今回は上記の中で画面の要素やレイアウトを検討する「UI」フェイズの「モックアップ」に関してを、整理していきながら記載していきたいと思います。このUIフェイズ
第1回 今どきのWebサイト制作にはBootstrapがおすすめ！ | gihyo.jp
本連載では、HTML5やCSSの基礎を理解している方へ向けて、Bootstrapの特徴や実際の使い方を解説していきます。レスポンシブデザインは聞いたことがあるけれども「実務採用したことがない」「仕方がわからない！」という方。そんな「あなた」が1つ上のステージへ進むためのパスポートです。Bootstrapを使うことで簡単にレスポンシブサイトを制作できるようになります。 「スマホ専用サイトは使いづらい！予算が掛かる」は古い 昨年頃からスマホ専用サイトの「必要説」が揺らいでいます。その背景には、従来のPCサイト用のデータから必要最低限のデータを抽出した形で、全く別サイトとしてスマホ専用サイトが設計されているため、「UIが変わりすぎてわからない」「情報量が少ないなどの欠点が目立ちユーザーに受け入れらない」といった状況があるからです。 参考資料： 8割以上が「スマートフォン専用サイト不要」と回
[CSS]hr要素をおしゃれにスタイリングする8つのテクニック
デモページ CSS3を使った8つのテクニック デモページの8つの実装方法を個別に見てみましょう。 HTML HTMLは全デモ共通で、hr要素にclass名を付与するだけのシンプルな実装です。 <hr class="style-one"> [ad#ad-2] CSS スタイルシートは各デモのキャプチャとともにご紹介。 繊細なグラデーションを使ったデザインです。 hr.style-one { border: 0; height: 1px; background: #333; background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc); background-image: -moz-linear-gradient(left, #ccc, #333, #ccc); background-image: -ms-linear-gr
【iOS 7】デザイナーが真っ先にやるべき4つのこと | Excite Designer's Blog
※新規3サイズのアイコンについては、命名規則を見つけられませんでした。 iOS 7 iPhone(Retina)用のアイコン：120x120 iOS 7 iPad用のアイコン：76x76 iOS 7 iPad(Retina)用のアイコン：152x152 以上の3つのサイズが増えました！ ユニバーサル対応のアプリは、上の表にある7種類のアイコンが必要です。多い！ リサイズのみでいける作業ならば、さくさく対応してしまいましょう。 角半径の変更 以前のものよりも丸みの強い形に変更されました。 端の方に文字を置いたり、キモになるオブジェクトを置いている場合、欠けてしまいます。 だいぶ丸っこいですよね。 純正のアイコンがフラットデザインに変わったこともあり、アイコン・アプリのデザインも変更する必要があるかもしれません。 全てのデザインを刷新するのは時間がかかる作業ですので、文字が欠けてしまったり影の
開発初心者の為のCALayerチュートリアル
「もし君が、iPhoneのプログラミングをやってるんなら、UIViewに詳しいよね。ボタンとか、テキストとか、スライダーとか、Webビューとか、UIviewのサブクラスなら、何でも来いなんだろ？」、、、えっ？うっ、うん。 でも、実はUIViewのテクノロジーが実はCALayerから来てたって知ってましたか？少なくとも、僕は知りませんでした、はい。結構長い間、、、orz “CALayer”について少し知っておく事は、決して無駄ではありません。だって、カッコいいビジュアル•エフェクトが簡単に作れてしまうんですから。ついでに、”Core Animation”の事を掘り下げて勉強しておくのもすごくいい事なんです。まぁ、でも”Core Animation”については、また別の機会に。 このチュートリアルでは、”CALayer”の基本を学ぶ事によって、”layer”なる物を作っていったいそれがどういう
Androidアプリーリソース画像サイズ＆種類ー | Excite Designer's Blog
iPhone・iPadアプリを制作する時、リソース画像は ① 従来のディスプレイ用 ② Retina ディスプレイ用 上記の2種類が必要ですね。 Androidアプリも同じようにdpiごとにリソース画像を用意する必要があります。 今回は 1. 必要となるリソース画像サイズの種類 2. デザインする時の画面サイズ 3. アイコンサイズのガイドライン などAndroidアプリのリソース画像を作る時に役に立つ情報をまとめてみました。 必要となるリソース画像サイズの種類 Androidアプリのリソース画像は対応するdpiによって用意する画像サイズが変わります。 まず、dpiって何でしょう。 dpiは『Dot Per Inch』、1インチ辺りのピクセル数を意味します。つまりdpi数値が高くなるとディスプレイが鮮明できれいになります。 dpiは主にldpi(低解像度)、mdpi(中解像度)、hdpi(
Pttrns — Mobile User Interface Patterns
Stay ahead of the curve and become a better interface designer. With a Pttrns membership, gain access to thousands of curated mobile design patterns, get online advice, and connect with other designers from all over the world. What you get UX and UI Patterns Learn and follow industry best practices that can be applied to your app to help ensure the best user experience possible. App database Save
デザイナに知っていて欲しい10個のAndroidのUIルール - ReDo
iPhoneのそれと比較して、よくかっこわるいと評価されてしまうAndroidですが、正しくは「標準UI同士で比べた際にイケてない」のが真実だと思っています。 今現実として、Androidアプリにイケてないものが多いのですが、そもそもデザインを考慮するプロセスが省略されてしまっていたり、時間（コスト）が無いとかそういうこともあったと思いますが、流石にこれだけメジャーなデバイスになってしまうとそれが許される時代は終わってしまいました。 ドットコム全盛期の様なGeocities＋IBMホームページビルダーのデザインがはるか昔にキャハハされた様に、もうそろそろ標準UIで未カスタマイズのAndroidアプリもキャハハされる時代です。 そんな中、効率よくかっこいいUIを構築するために頭の片隅で把握しておくとちょっと幸せになれる、独断と偏見で捻りあげた10個のAndroidのUIルールを紹介します。
Q＆A/デザイン・CSS - PukiWiki-official
Q. MenuBarが表示されない† A. MenuBarというページ（1.4 系では、pukiwiki.ini.php の$menubar で設定したページ）を作成していますか？ このページがない場合は、MenuBarが表示される部分が空白になってしまいます。 ↑ Q. 左サイドに表示される内容を変更したい† A. 左サイドに表示される内容は、MenuBarというページ（1.4 系では、pukiwiki.ini.php の$menubar で設定したページ）の内容そのものです。（menu プラグインで切り替えていない場合） そのページを編集することで、表示される内容を変えることができます。 表示の整形ルールに関しては、FormattingRules, プラグインマニュアル, Q＆A/使い方 などをご覧ください。 ↑ Q. FrontPageのみ左サイドにサブメニューをつけたい† A. P
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 日本のドメイン登録業者(レジストラ)（「ICANNがレジストラとして認定した企業」一覧（InterNIC提供）内に「Japan」の記載があるもの）を対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2023年5月時点の調査。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
iPhoneデザインボックス
プログラマとデザイナが共有すべきUIに関するAndroidの10の機能 - ReDo
Windows7風ナビゲーション作成チュートリアル:phpspot開発日誌